首页 > Web开发 > 详细

2、ReactJs基础知识02--元素渲染

时间:2020-02-10 19:09:21      阅读:51      评论:0      收藏:0      [点我收藏+]

1、元素渲染

想要将一个 React 元素渲染到根 DOM 节点中,只需把它们一起传入 ReactDOM.render():
const element = <h1>Hello, world</h1>;
ReactDOM.render(element, document.getElementById(root));
更新已经渲染的元素,更新 UI 唯一的方式是创建一个全新的元素,并将其传入 ReactDOM.render()。
大多数 React 应用只会调用一次 ReactDOM.render(),这时需要有状态组件了,由状态的更新来重新渲染元素
 
2、网页由 DOM 元素构成。React DOM 并不是浏览器的 DOM,而React DOM 只是用来告诉浏览器如何创建 DOM 的方法。通常情况下,我们并不需要 React 就能创建出一个 DOM 元素,但是 React 创建与管理 DOM 的方式有组件化、虚拟 DOM 等更高层次的抽象,由此带来的优势是更快的渲染速度,以及更好的维护性,因此值得去尝试。
 
3、render第一个参数JSX,必须只有一个根元素,多个元素使用父元素包裹
 
4、总之,此方法即是将react DOM渲染成浏览器DOM

2、ReactJs基础知识02--元素渲染

原文:https://www.cnblogs.com/gopark/p/12291767.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!