javascript - 如何在所选选项上方的 react-select 中插入标题？

Question

我想为 react-select 添加静态标题，该标题将显示在我当前选择的选项上方。

如何使用 react-select 完成？

谢谢你 ：）

标签： javascriptreactjsreact-select

Answer 1

我认为您正在寻找 InputLabel （Material-UI 等效项）。

在 react-select 中有一个选项可以使用占位符道具添加标签。它仅在您从下拉列表中选择某些内容时显示在顶部，但我认为这是一个好的开始。

看看这个例子：https ://codesandbox.io/s/6x9405rlqk

未选择任何内容时要在输入中显示的占位符组件。默认情况下，它是文本“选择...”有关更多详细信息，请参阅道具文档： https ://react-select.com/props#select-props