是否可以在React-Bootstrap-typeahead中自定义清除按钮的内容？

Question

使用 react-bootstrap-typeahead 是否有可能更改清除按钮的内容？

我需要包含一个Fontawesome图标和“清晰”文本以匹配设计。

查看演示我可以看到 clearButton 组件，但是我看不到如何自定义。我尝试更改 label prop，但这没有效果：

＆lt; clearbutton onClick = {onClear} label =“ clear”/＆gt;

可以添加：

1. 标签文本
2. 通用图标？

清除按钮的

Answer 1

您无法自定义 clearButton 本身，但是您可以按照链接到链接的示例并使用自己的清除/关闭按钮组件：

<Typeahead ... >
  {({ onClear, selected }) => (
    <div className="rbt-aux">
      {!!selected.length && <MyCloseButton onClick={onClear} />}
    </div>
  )}
</Typeahead>

请注意， clear> clearbutton 并不是什么特别的东西;它只是封装了Bootstrap的关闭按钮到组件中。随时使用自己的按钮！