写嵌套对象在this.state中的反应js

Question

我试图在React中创建一个状态对象。我要求我们的状态实际上是一个由setState更新的字段

 this.state = {
        data:[],
        sort: 0,
        field:"",
        filters:{
            'status':{
                value:""
            }

代码应为：

this.state = {
        data:[],
        sort: 0,
        field:"",
        filters:{
            field:{
                value:""
            }

我应该如何将相同的对象设置为嵌套对象？

Answer 1

看看这个：

this.setState({filters:{[field]:{value:e}}

Answer 2

您可以这样做：

this.setState({
  filters: { ...this.state.filters, field: { value: 'new value' },
});

然而，上面的语法是丑陋的。我建议您使用不可变性-助手包来更新状态。

有关如何使用不可变性助手更新状态，请参阅此答案。

Answer 3

你可以这样做...

let filters = {
  field:{
    value: ""
  }
};

this.setState({filters});