在ReactJS中更新数组[duplicate]

Question

这就是状态变量中的内容

this.state = {
            check: 0,
            places: ["0","0","0","0","0","0","0","0"],
    }
  }

我试图做的是调用一个函数来更新一个位置的期望值。例如，我使用的changeValue函数如下：

changeValue= (event) => {

        this.setState({
            places[2]: "1",
        });
  }

它不起作用。我知道我可以传递一个完全更新的数组，但我需要当前状态的其他值。

Answer 1

setState将对象作为参数，键作为状态键。确保传递了正确的密钥以更新状态。

试试这个---

changeValue= (event) => {
        this.setState({
            places: places.map((item, index) => { 
                            if(index == 2) return 1;
                            return item;  
                    });
        });   }

Answer 2

将此行添加到构造函数中。

this.changeValue = this.changeValue.bind(this);

除了这里的另一个答案之外，您还需要在构造函数中绑定函数以使其工作，特别是当您试图通过来自子对象的回调来处理事件时。

Answer 3

下面是如何获取当前位置数组的其余部分（并复制它以确保不会在setState之外改变状态）：

changeValue = (event) => {
  const places = this.state.places.slice();
  places[2] = '1';
  this.setState({ places });
}