[英]How to add more objects to Array Object state using setState?
[英]Add an object with setState() to an array of objects
我的组件的状态是一个对象数组:
this.state = {
userFavorites: [{id: 1, title: 'A'}, {id: 2, title: 'B'}]
}
每次单击按钮时,我都需要使用另一个对象更新我的状态,就像我在上面的状态中一样; 例如:{id: 3, title: 'C'}。
如果我简单地连接它们并设置状态,最后一个对象会不断被添加的对象更改。
我在这里需要点差运算符吗?
你应该这样做。 以下是在反应中将值或对象推送到数组的最推荐方法
this.setState( prevState => ({
userFavorites: [...prevState.userFavourites, {id: 3, title: 'C'}]
}));
要推送到数组的开头,请这样做
this.setState( prevState => ({
userFavorites: [{id: 3, title: 'C'}, ...prevState.userFavourites]
}));
const userFavorites = [...this.state.userFavorites, {id: 3, title: 'C'}]
this.setState({ userFavorites })
有多种方法可以做到这一点。 您需要做的最简单的方法是使用扩展运算符。 请注意, item 是添加到 userFavorites 的对象。
this.setState({
userFavorites: [ ...this.state.userFavorites, item ],
});
注意:如果在某个时候你需要更新数组中的特定项目,你可以使用 immutability-helpers 库中的更新函数。 https://reactjs.org/docs/update.html
对于功能组件
setUserFavorites((prev) => [...prev, {id: 3, title: 'C'}])
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.