如何将列表项作为键添加到 redux 中的 object？

Question

I am using Redux with Reactjs .

According to Redux Documentation :

return new state objects, instead of mutating the previous state.

I have an object with its present state as:

state = [..., {id: 6, details: []}, ..., ...]

and I have an array of keys (all strings and unique) like this:

list: ["A", "B", "C"]

In javascript , if I do like this:

for (const key of list) {
  exampleDetails[key] = null
} 

I get my desired output:

exampleDetails // ["A": null, "B": null, "C": null]
exampleDetails["A"] // null <= what I actually need

But, how to get this next state the redux way, that is, without mutation?

switch(state = [], action) {
  case 'MY_ACTION':
    return state.map(obj => {
      if (obj.id === action.id) {
        return {
          id: obj.id,
          details: [
            ...obj.details,
            /* what to do here? where list is => action.list */
          ]
        }
      } else return obj
    })
  default:
    return state
}

EDIT

I didn't mean to say that I was writing something this in the code:

["A": null, "B": null, "C": null]

This is what I am getting as an output in the browser console:

Answer 1

EDIT

switch(state = [], action) {
  case 'MY_ACTION':
    return state.map(obj => 
      (obj.id === action.id ? {...obj, details: action.list.reduce((acc, element) => { acc[element] = null; return acc; }, {}) } : obj)
    )
  default:
    return state
}

I think you are mixing up the concept between array and object. What you are trying to achieve is an object with the list element as the key.