元素渲染

元素  是构成应用的的最小快

与浏览器的DOM元素不同,React元素是创建开销极小的普通对象。React DOM会负责更新DOM来与React元素保持一致。

//HTML中的根 DOM节点
<div id="root"></div>

//将一个React元素渲染到DOM节点上
const element = <h1>Hello, world</h1>;
ReactDOM.render(element, document.getElementById('root'));

 想要将一个 React 元素渲染到根 DOM 节点中,只需把它们一起传入 ReactDOM.render()。

React元素是不可变对象。一旦被创建,就无法更改它的子元素或者属性。

但是React当然考虑到我们需要更新一些数据进行显示。具体参照组件方法this.setState()。进行更新数据。React只更新它要更新的部分。

posted @ 2020-08-18 13:54  梦为湘子  阅读(118)  评论(0编辑  收藏  举报