react向数组中追加值

首先,渲染一个随机数,每个一秒变换一次,效果如下:

react向数组中追加值_第1张图片

代码如下:





  数组追加元素
  
  
  


 

注意:组件更新有两种方式props或state的改变,而改变state一般是通过setState()方法来的,只有当state或props改变,render()方法才能再次调用,即组件更新



将生成的随机数放入一个数组,效果如下:

react向数组中追加值_第2张图片

代码如下:





  数组追加元素
  
  
  


 

使用...this.state.arr将arr解构出来,在将随机数加进去

注意:不能使用 arr : this.state.arr.push(Math.random()),不能使用在原数组的基础上修改的方法,例如push之类,可以使用concat方法或者ES6数组拓展语法

 

 

 

 

 

 

你可能感兴趣的:(react)