如何在Redux状态下访问对象数组中的属性？

Question

我对Redux还是很陌生，对如何更新嵌套状态感到困惑。

const initialState = {
    feature: '',
    scenarios: [{
        description: '',
        steps: []
    }]
}

我知道，只要以不变的方式推送到数组，我们就可以做到，

state = {
    scenarios: [...state.scenarios, action.payload]
}

并推入特定属性，如该SO答案建议如何在redux状态下访问数组（对象）元素 ，我们可以

state.scenarios[0].description = action.payload

但是我的问题是，我们如何在不提及索引的情况下访问对象数组中的特定属性？ 有没有办法将其推到最后一个空元素？

欢迎所有建议，以帮助我理解，提前谢谢:)

Answer 1

Redux有助于将状态转换与呈现数据的方式分离。

修改数组仅发生在化简器内部。 通过使用标识符，可以轻松实现指定要修改的方案的描述。 如果您的方案具有ID，则应将其包含在您的操作中，例如

{
  "type": "update_scenario_description",
  "payload": {
    "scenario": "your-id",
    "description": "New content here"
  }
}

您可以在每种情况下都有一个减速器。 所有方案的更高级别的化简器可以根据方案ID将操作转发到特定的化简器，以便仅此方案将被更新。

在用户界面中，您可以使用一系列场景和场景ID来仅呈现当前正在查看的特定场景。

有关更详细的说明，请参见todo示例 。 这基本上是相同的，因为每个待办事项都有一个ID，您对所有待办事项都有一个化简器，并且每个待办事项都有一个特定的化简器，由其ID处理。

Answer 2

除了可接受的答案外，我还要提及一些东西，以防有人仍然想“访问对象数组中的特定属性而没有提及索引”。

 'use strict' const initialState = { feature: '', scenarios: [{ description: '', steps: [] }] } let blank = {} Object.keys(initialState.scenarios[0]).map(scene => { if (scene === 'steps'){ blank[scene] = [1, 2] } else { blank[scene]=initialState.scenarios[0][scene] } }) const finalState = { ...initialState, scenarios: blank } console.log(initialState) console.log(finalState) 

但是，如果initialState scenarios属性不是数组中的对象，而是像scenarios:{description:'', steps: []}这样的简单对象，则解决方案会简单得多：

 'use strict' const initialState = { feature: '', scenarios: { description: '', steps: [] } } const finalState = { ...initialState, scenarios: { ...initialState.scenarios, steps: [1, 2, 4] } } console.log(initialState) console.log(finalState)