javascript - react : how to update a deep property?

Question

我有简单的状态:

const state = {
    title: "The title",
    colorSet: {
        multiple: true,
        colors: [
            'red',
            'green',
            'blue',
            'yellow',
            'gray',
            'white',
        ],
        selected: [
            'green',
            'yellow',
        ],
    }
};

我们将进入 setState()仅对我们需要应用的更改起作用。例如，如果我需要更新 title只有这样我才这样做: this.SetState({title:"Updated title"}) .但是如果我需要更深入地更新属性，我该怎么办，例如: state.colorSet.selected ?
它不起作用: this.setState({ colorSet: { selected }}) .我可以转入 setState()只有更改而不是通过应用更改来传递我的状态的完整深度克隆？

Answer 1

如果你想更新深层嵌套属性，最好这样:

this.setState(prevState => ({colorSet: {...prevState.colorSet, selected: newSelectedArray }}))