【问题标题】:Mapping Json data to dropdown in react将 Json 数据映射到反应中的下拉列表
【发布时间】:2023-03-25 06:15:02
【问题描述】:

我有来自 api 调用的响应数据,我想将 response.data 映射到下拉列表。 response.data 是一个数组:

 [{value: value1, name: name1}, 
 {value: value2, name: name2}
 ]

如何使用 map() 函数形成一个 dataList 有值和名称对?谢谢。

 const dataArray= response.data;
 const dataList = [...new Set(dataArray.map(item => item.name))];

上面的item.value在哪里添加?

我想做如下的事情: {this.state.dataList.map((item,indx)=>{item.name})}

【问题讨论】:

  • 我做了这个 const dataList = [...new Set(dataArray.map(item => item))];获取下拉菜单的值和名称,但会导致下拉选项重复。

标签: reactjs


【解决方案1】:

通过使用 const unique = [...new Map(arr.map(item => [item[key], item])).values()] 解决了这个问题

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2020-07-02
    • 2021-05-30
    • 1970-01-01
    • 1970-01-01
    • 2021-01-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多