自定义占位符组件反应 - 选择

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

<选择占位符= {要搜索的类型} />

有效