javascript - 我可以选择与allowClear = true一起使用的哪个AntD图标吗？

如果我将allowClear={true}传递给AntD输入组件，则在用户键入内容后，该字段的末尾会出现一个带有×的小圆圈，可以单击该字段以清空该字段的内容。

有什么方法可以指示AntD使用其他图标吗？

供参考的AntD文档：Input with Clear Icon

最佳答案

对于当前版本3.19.8，您不能。

最接近的干净solution将使用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>;

  注意：应在按钮显示上添加动画。