我如何在Ant设计的输入组件中嵌套图标组件

Question

我想在内部输入的右侧显示指南针图标;这是我目前的情况

import { CompassTwoTone } from '@ant-design/icons';
import { Input } from 'antd';
const IconInInput = () => {
return (
<>
<Input placeholder="Basic usage" />
<CompassTwoTone/>
</>
);
}

Answer 1

Input有suffix道具。(doc here):

import { CompassTwoTone } from '@ant-design/icons';
import { Input } from 'antd';
const IconInInput = () => {
return (
<>
<Input placeholder="Basic usage" suffix={<CompassTwoTone/>}/>
</>
);
}