React:Element
2024-09-03 16:52:37
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的内容进行比较,只有变化了的部分会发生更新,不变的部分不动,从而将渲染的开销降低。
最新文章
- iOS AFNetWorking 3.1 的网络解析
- XNA游戏编程等
- 大家一起撸代码之——Hibernate各种主键生成策略与配置详解
- 记一次小团队Git实践(中)
- 去蓝港在线面试Unity3D的笔试题。难吗?知道答案的在评论里写出来分享
- show()与showDialog()的区别
- mongoDB2--mongoDB的下载和安装。
- K:HashMap中hash函数的作用
- Junit4测试报错
- noip模拟题-赛斯石
- 有关swiper动态改变数据遇到的坑(不能自动滚动,自动跟新数据,切换不正常)
- pycharm的一些快捷键
- 使用python脚本批量删除阿里云oss中的mp4文件
- Linux多台机器配置ssh免登录
- 【emWin】例程二十七:窗口对象——Listview
- oracle中如何生成awr报告
- MHA配置参数详解 【转】
- js文件,同样的路径,拷贝过来的为什么不能访问
- 蓝牙设备探测工具blueranger
- CFA