javascript - 如何为嵌套在 React js 列表中的字典设置状态

Question

这是我下面的代码..我想将数据状态（存在于数据集中）设置为用户定义的值

constructor(props)
{
    super(props);
    this.state={
        value:'',
        set:[],
        count:0,
        data: {
            labels: ["Jan", "Feb", "Mar", "Apr"],
            datasets:[ {
                data: [10,20,30,40]
            }]
        },
       
    }
}

我尝试了下面的代码，但它没有用

 this.setState(prevState => {
    return{
        datas: {...prevState.datas,datasetss: {...prevState.datas.datasetss[0], data [...prevState.datas.datasetss[0].data,prevState.value]}
        }
    }
})

标签： javascriptreactjsreact-nativereact-routersetstate

Answer 1

你可以做类似的事情

  // Getting the initial/ prev values for data
  const newState = {...this.state.data.datasets[0]};
  // Add the new value to data. Here I am adding 50 and 60    
  newState.data.push(50, 60);
  // Set the state using useState
  this.setState({newState});