Блог

Я хочу отобразить значок компаса в правой части внутреннего ввода; Вот моя текущая ситуация

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

Input у него есть suffix реквизит. (док здесь) :

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