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

Bij*_*ngh -1 javascript reactjs react-functional-component

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

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

{ posts? (<Select options={posts}) : null }
Run Code Online (Sandbox Code Playgroud)

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

Jag*_*ati 5

您需要getOptionLabelSelect.

工作演示

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

来自文档

getOptionLabel typeof getOptionLabel = (option) => string

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