本文探讨了在React中如何将JSX对象渲染到DOM节点，强调了一个应用通常只有一个根节点，并展示了`ReactDOM.render()`的使用。同时，文章指出React元素是不可变的，对象更新需要创建新的对象并覆盖旧的。尽管React会智能地比较节点以减少不必要的DOM操作，但作者提出，理想情况下需要找到一种方式让组件自动响应变化，而无需手动控制更新。下篇博客将介绍组件和属性对象。
1.将JSX展现到DOM节点中
React中的经常性的元素，我想大家知道JSX(不知道的读者，请看本人博客JSX讲解)，如下所示，言简意赅：
const element = <h1>Hello, world</h1>;然而不同于浏览器中页面的DOM，React有自己的DOM，即JSX对象，React的一部分作用就是将JSX对象更新到网页中的DOM节点上，如何将JSX对象更新到DOM节点上就是一个关键性的问题了，首先我们需要一个根DOM节点作为一个承载JSX对象的容器，这个东西承载响应的ReactDOM的所有东西。
一般一个应用的建立只会有一个根节点，如果你想整合一个额外的ReactDOM 应用到已经存在的应用中，则需要一个额外的根节点来承载。
将ReactJSX元素展现在DOM节点中是使用React.render()函数`，实例如下&#
最低0.47元/天 解锁文章
扫一扫
3958
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
