Могу ли я выбрать значок AntD для использования с allowClear = true?

Question

Если я передам allowClear={true} компоненту ввода AntD, маленький кружок с & раз; появляется в конце поля после того, как пользователь что-то набрал, по которому можно щелкнуть, чтобы очистить содержимое поля.

Есть ли какой-нибудь способ указать AntD использовать другой значок?

Документы AntD для справки: Ввод с иконкой очистки

Answer 1

Для текущей версии 3.19.8 вы не можете.

В ближайшем чистом решении будет использоваться Input.Group с раскрывающейся кнопкой clear при наборе текста.

<Input.Group compact>
  <Input
    style={{ width: "80%" }}
    onChange={e => setValue(e.target.value)}
    value={value}
  />
  {value && <Button onClick={reset} type="danger" icon="delete" />}
</Input.Group>;

Примечание. Следует добавить анимацию при открытии кнопки.