我似乎有问题将数据推入一个状态数组。 我正试图以这种方式实现它:
this.setState({ myArray: this.state.myArray.push('new value') })
但我相信这是不正确的方式，并导致问题的可变性?
当前回答
在这里，您不能像这样将对象推到状态数组中。你可以用普通数组来推。 这里你需要设置状态，
this.setState({
myArray: [...this.state.myArray, 'new value']
})
其他回答
功能组件和反应钩子
const [array,setArray] = useState([]);
最后推值:
setArray(oldArray => [...oldArray,newValue] );
在开始时推值:
setArray(oldArray => [newValue,...oldArray] );
React-Native
如果你也想要你的用户界面(例如。ur flatList)是最新的，使用PrevState: 在下面的例子中，如果用户点击按钮，它将添加一个新对象到列表中(包括在模型和UI中)。
data: ['shopping','reading'] // declared in constructor
onPress={() => {this.setState((prevState, props) => {
return {data: [new obj].concat(prevState.data) };
})}}.
你可以使用.concat方法创建包含新数据的数组副本:
this.setState({ myArray: this.state.myArray.concat('new value') })
但是要注意.concat方法在传递数组-[1,2]时的特殊行为。concat(“foo”3,'酒吧')将导致(1、2、“foo”,3,'酒吧']。
使用es6可以这样做:
this.setState({ myArray: [...this.state.myArray, 'new value'] }) //simple value
this.setState({ myArray: [...this.state.myArray, ...[1,2,3] ] }) //another array
传播的语法
在这里，您不能像这样将对象推到状态数组中。你可以用普通数组来推。 这里你需要设置状态，
this.setState({
myArray: [...this.state.myArray, 'new value']
})
