自定义占位符组件 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>} />

Answer 2

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

作品