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

有效

©2023 WhoseBug