react向数组中追加数据的方法

王林
Lepaskan: 2020-12-03 16:45:15
ke hadapan
4346 人浏览过

react向数组中追加数据的方法

具体方法如下:

(免费视频教程:react视频教程

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

f26550176bc653fe812e2628e23836f.png

代码如下:





  数组追加元素
  
  
  

Salin selepas log masuk

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

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

131c1daa73214d7d7386fafa6f86f61.png

代码如下:





  数组追加元素
  
  
  

Salin selepas log masuk

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

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

相关推荐:js教程

以上是react向数组中追加数据的方法的详细内容。更多信息请关注PHP中文网其他相关文章!

Label berkaitan:
sumber:csdn.net
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!