reactjs - 如何在 Ant Design 的 Input 组件中嵌套 Icon 组件

Question

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

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

标签： reactjsantd

Answer 1

Input确实有suffix道具。（文档在这里）：

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