ReactJS-数组中对象键的setState

Question

所以我在这方面做了一段时间，觉得最好重构我的代码，以便将状态设置为一个对象数组。我要做的是增加一个点击按钮的数字。

getInitialState: function() {
    return {
      items: [
        {
          links: 'zest',
          trackId: 1023,
          songTitle: 'z know the others',
          artist: 'zuvet',
          upVotes: 0
        },
        {
          links: 'alpha',
          trackId: 987,
          songTitle: 'ass',
          artist: 'arme',
          upVotes: 3
        },
      ]
    }

我在这里尝试过类似于这个线程的东西，但是我不断得到错误。

我可以编写什么样的函数来设置我想要目标的对象中的键的状态？

Answer 1

获取当前状态，修改它并SetState()它：

var stateCopy = Object.assign({}, this.state);
stateCopy.items[key].upVotes += 1;
this.setState(stateCopy);

注意：这将使状态发生突变。以下是如何做到不突变：

var stateCopy = Object.assign({}, this.state);
stateCopy.items = stateCopy.items.slice();
stateCopy.items[key] = Object.assign({}, stateCopy.items[key]);
stateCopy.items[key].upVotes += 1;
this.setState(stateCopy);