React 元素渲染——知识梳理

《React 元素渲染——知识梳理》

渲染

元素是构成 React 应用的最小单位。

要将React元素渲染到根DOM节点中,我们通过把它们都传递给 ReactDOM.render() 的方法来将其渲染到页面上。

render 方法的返回值描述了你希望在屏幕上看到的内容。

例如:

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

更新渲染

react渲染好之后就无法再改变了,必须通过 ReactDOM.render() 方法来更新渲染。

React 只更新它需要更新的部分

React DOM 会将元素和它的子元素与它们之前的状态进行比较,并只会进行必要的更新来使 DOM 达到预期的状态。

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注