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

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

猜你喜欢

转载自www.cnblogs.com/gopark/p/12291767.html