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

Question

如果我将 flow country year frequency currency percentage notes Exports Austria 1999 Annual EUR NA NA Exports Austria 2000 Annual EUR NA NA Exports Austria 2001 Annual EUR 89.08 NA Exports Austria 2002 Annual EUR NA NA Exports Austria 1999 Annual USD NA NA Exports Austria 2000 Annual USD NA NA Exports Austria 2001 Annual USD 60.20 NA Exports Austria 2002 Annual USD NA NA 传递给AntD输入组件，则用户输入内容后，该字段的末尾会出现一个带有×的小圆圈，可以单击该字段以清空该字段的内容。 / p>

是否可以通过某种方式指示AntD使用其他图标？

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

Answer 1

对于当前版本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>;

  

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