2ReactJs基础知识02

Posted 2021-03-10 SSXfont

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