我似乎有问题将数据推入一个状态数组。 我正试图以这种方式实现它:

this.setState({ myArray: this.state.myArray.push('new value') })

但我相信这是不正确的方式,并导致问题的可变性?


当前回答

你根本不应该管理这个国家。至少,不是直接的。如果你想要更新你的数组,你会想要这样做。

var newStateArray = this.state.myArray.slice();
newStateArray.push('new value');
this.setState(myArray: newStateArray);

直接处理状态对象是不可取的。你也可以看看React的不可变性帮助。

https://facebook.github.io/react/docs/update.html

其他回答

功能组件和反应钩子

const [array,setArray] = useState([]);

最后推值:

setArray(oldArray => [...oldArray,newValue] );

在开始时推值:

setArray(oldArray => [newValue,...oldArray] );

数组push返回长度

this.state.myArray。push('new value')返回扩展数组的长度,而不是数组本身。array .prototype.push()

我猜您希望返回值是数组。

不变性

这似乎是React的行为:

千万不要变异。直接调用setState() 替换您所做的突变。对待这个问题。就像它是那样的状态 immutable.React.Component。

我猜,你会这样做(不熟悉React):

var joined = this.state.myArray.concat('new value');
this.setState({ myArray: joined })

使用es6可以这样做:

this.setState({ myArray: [...this.state.myArray, 'new value'] }) //simple value
this.setState({ myArray: [...this.state.myArray, ...[1,2,3] ] }) //another array

传播的语法

用下面的方法可以检查和更新对象

this.setState(prevState => ({
    Chart: this.state.Chart.length !== 0 ? [...prevState.Chart,data[data.length - 1]] : data
}));
  setState([...prevState, {
    label: newState.name,
    value: newState.id
  }]);

正在与下拉菜单工作,并希望在那里实现这个场景,我发现了这个简单的解决方案下拉多个值。