在 react 的下拉列表中显示获取的数据的问题

Question

我正在 useEffect 钩子内从服务器获取用户列表，并尝试将其显示在 HTML 选择下拉列表中。像这样的代码和框链接 正如您所见，下拉列表中没有显示任何内容。但与此同时，所有数据都存在，因为它显示在下面的列表中。

我尝试在没有任何库的情况下实现普通的 HTML 选择，目前正在使用 react-select。我也试过这个：

{ posts? (<Select options={posts}) : null }

但没有成功。我在这里错过了什么？如何在下拉列表中显示从服务器获取的数据？

Answer 1

您需要getOptionLabel在Select.

工作演示

<Select options={posts} getOptionLabel={item=>item}/>

来自文档

getOptionLabel typeof getOptionLabel = (option) => string

将选项数据解析为一个字符串，由组件显示为标签