react-select - 自定义占位符组件 React-Select

Question

如何设置自定义占位符元素？

当字段为空时，我想添加一个搜索图标

谢谢。

Answer 1

TLDR；我刚刚发现我可以简单地传递一个组件

我想我没有得到一个节点可能是一个组件。

该文档表明:

placeholder - type: string|node

以下行来自源。如您所见，它允许传递一个组件。

return !this.state.inputValue ? <div className="Select-placeholder">{this.props.placeholder}</div> : null;

所以我可以使用

<Select placeholder={<div>Type to search</div>} />