React Elements 是构成React App的最小单位。React中的组件是由一个或多个Elements构成的。

和DOM不同,React Elements 是纯粹的JS对象。利用React生成的DOM会根据React elements的数据变化实时更新。

1.RE挂载到DOM节点:

 const element = <h1>Hello, world</h1>;
ReactDOM.render(
element,
document.getElementById('root')
);

只要调用ReactDOM.render即可,#root节点中的DOM内容将由element搭建.

2.RE生成后是不可改动的。

一旦生成,RE的子元素和特性将不可改变。此时如果要改变UI,只能重新创建一个RE,并传入ReactDOM.render中。不过文档指出,生产中大多数React Apps的UI组份只调用一次render方法即可。

3.React DOM只会更新有变化的的部分。当element发生改变后,React DOM会将它与上一个Element的内容进行比较,只有变化了的部分会发生更新,不变的部分不动,从而将渲染的开销降低。

最新文章

  1. iOS AFNetWorking 3.1 的网络解析
  2. XNA游戏编程等
  3. 大家一起撸代码之——Hibernate各种主键生成策略与配置详解
  4. 记一次小团队Git实践(中)
  5. 去蓝港在线面试Unity3D的笔试题。难吗?知道答案的在评论里写出来分享
  6. show()与showDialog()的区别
  7. mongoDB2--mongoDB的下载和安装。
  8. K:HashMap中hash函数的作用
  9. Junit4测试报错
  10. noip模拟题-赛斯石
  11. 有关swiper动态改变数据遇到的坑(不能自动滚动,自动跟新数据,切换不正常)
  12. pycharm的一些快捷键
  13. 使用python脚本批量删除阿里云oss中的mp4文件
  14. Linux多台机器配置ssh免登录
  15. 【emWin】例程二十七:窗口对象——Listview
  16. oracle中如何生成awr报告
  17. MHA配置参数详解 【转】
  18. js文件,同样的路径,拷贝过来的为什么不能访问
  19. 蓝牙设备探测工具blueranger
  20. CFA

热门文章

  1. JVM相关参数设置
  2. 解决Oracle在命令行下无法使用del等键问题
  3. [Qt]执行cmd命令
  4. 模糊c-means算法的c++实现
  5. hdu_1052 Tian Ji -- The Horse Racing 贪心
  6. 【JAVA基础】10 Object类
  7. 洛谷P5018 对称二叉树
  8. SpringBoot返回JSON日期格式问题
  9. 学习vue第六节,v-if和v-show
  10. C语言程序报告五