javascript - 如何从对象列表创建键值对象

Question

我对 React 还很陌生，并且有一个关于如何使用返回到 axios get 调用 Web 服务的数据在 React 中创建键值对对象的查询。将对象保存在状态中，然后根据键读取值。

axios.get('/api/locations/')
    .then(r => r.data )
    .then(types => this.setState({types}))

我收到了 List<LocationType>从后端返回并 LocationType对象有两个属性:

String locationId
String locationName

现在我想使用类型对象创建一个 HashMap ，如下所示:

{ "1": "London", "2": "Berlin"...... etc}

我正在尝试做这样的事情，但不太确定如何将键值分配给对象

axios.get('/api/locations/types')
    .then(r => r.data )
    .then(types => this.setState({types}))
    .then(types => {
        this.state.types.map((type => {
            //create a map object and here but how?
        }))
    })

实现这一目标的最佳方法是什么？

Answer 1

您可以使用减少

this.setState(() => {
  return {
    types: types.reduce((map, type) => {
     map[type. locationId] = type.locationName;
     return map;
   }, {})
  }
})