2、ReactJs基础知识02

2021-04-17 17:27

阅读：555

标签：一起 reactjs get class 调用 nbsp 基础知识更新 code

1、元素渲染

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

const element = Hello, world
;
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

标签：一起 reactjs get class 调用 nbsp 基础知识更新 code

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

上一篇：解决：webpack编译以及打包报错

下一篇：基于 HTML5 WebGL 的智慧城市（一）

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：2、ReactJs基础知识02
文章链接：http://soscw.com/index.php/essay/76099.html

亲，登录后才可以留言！

2、ReactJs基础知识02

Hello, world

评论

热门文章

推荐文章

最新文章

置顶文章