如何将数据添加到 json 对象内的嵌套数组

Question

我的状态对象如下所示：

const [result,setResult] = useState({
  series: [
      {
          name: 'Budget',
          data: [5000, 3000, 5000, 7000, 6000, 4000]
      },
      {
          name: 'Income',
          data: [8000, 1000, 7000, 2000, 5000, 3000]
      }
  ]
})

现在我想将一些数据附加到第一个 series 对象中的 data 数组中

{
   name: 'Budget',
   data: [5000, 3000, 5000, 7000, 6000, 4000]
}

我尝试这样做：

function addNumber(){
  setResult([...result.series[0].data,45]) 
}

但它不起作用。有什么建议或解决办法吗？

Answer 1

最好使用不可变的js来更新嵌套数据，你可以使用immutableJs这样来做：

setResult(immutable.setIn(result, ['series', 0, 'data'], result.series[0].data.concat(45)))

或

setResult(immutable.updateIn(result, ['series', 0, 'data'], array => array.concat(45)))

不可变 js 文档的链接 https://immutable-js.github.io/immutable-js/docs/#/