react- Select选项没有label/values时无法工作

Question

我正在使用 react-select 但它对我不起作用。我的选项来自 API 提取，它没有值和标签属性。有什么方法可以使用现有的 JSON 数组。

const awards = [{"name":"Award A","ID":1},{"name":"Award B","ID":2}]

<Select value={awards.name} options={awards} />

选项数组是否需要有标签和值属性？我不想重组我的 JSON 数组。有帮助吗？

Answer 1

您可以使用 getOptionLabel 和 getOptionValue props 来设置值和选项。例如：

<Select 
  getOptionLabel  = {(option)=>option.name}
  getOptionValue = {(option)=>option.id}
/>

React-Select not working when options dont have label/values