如何在选择的选项上方插入标题？

Question

我想添加静态标题以进行反应选择，该标题将显示在我当前选择的选项上方。

如何使用react-select完成？

Answer 1

我认为您正在寻找InputLabel（等效于材料UI）。

在react-select中，有一个选项可以使用placeholder属性添加标签。仅当您从下拉菜单中选择了某些内容时，它才会显示在顶部，但我认为这是一个不错的开始。

查看示例：https://codesandbox.io/s/6x9405rlqk

什么都不显示时将在输入中显示的占位符组件已选择。默认情况下，它是文本“选择...”，请参阅道具文档更多细节：https://react-select.com/props#select-props