React.js状态值为数组，怎么使用setState比较合适

发布网友 发布时间：2022-04-20 08:01

我来回答

共3个回答

热心网友 时间：2023-06-26 09:15

最好是：

setState({ 'arrary': [...this.state.array, newItem]}).

setState({ 'array' : this.state.array.concat([neItem])}).

1.React 是一个用于构建用户界面的 JAVASCRIPT 库。

2.React主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。

3.React 起源于 * 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。

4.React 拥有较高的性能，代码逻辑非常简单，越来越多的人已开始关注和使用它

热心网友 时间：2023-06-26 09:16

React.js状态值为数组，那么使用setState设置状态的方法是调用onchang方法来操作数组。
写法如下：
onChange(event){
var newArray = this.state.arr.slice();
newArray.push("new value");
this.setState({arr:newArray})
}

上面的方法中使用onChange来完成状态的动态改变。
其中newArray 是把状态值数组进行拆分，然后调用push方法放入新值，再调用setState方法对数组进行更新。

热心网友 时间：2023-06-26 09:16

React是基于组件和状态机的。

你表达得不是很明确，我猜一下。
状态值肯定是一个属性，举个例子比如控件颜色有三个，red， yellow, green，你想用数组记录这些状态， var color = ["red", "yellow", "green"]，setState的时候就用xxx.setState(color[0])， xxx.setState(color[1])。

上面的方法可以用，但是语义不是很明确，我们可以用对象来记录状态，比如:
var color = {"redColor": "red", "yellowColor": "yellow", "greenColor": "green"}，setState的时候就用xxx.setState(color.redColor)， xxx.setState(color.yellowColor)。