渲染元素

渲染元素

<div id="root"></div>
const element = <h1>Hello, world</h1>;
ReactDOM.render(element, document.getElementById('root'));

上面的代码将element元素渲染到root节点中。

更新已渲染元素

React元素时不可变的。一旦创建了元素,就不能修改其子元素或属性。

跟新UI的唯一方法就是创建一个新元素并将它传递给ReactDOM.render()

==注意:实际上,大多数React应用之调用一次ReactDOM.render()==

React只更新变化部分

React DOM将元素及其子元素与前一元素进行比较,并仅更新发生变化的部分

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • React版本:15.4.2**翻译:xiyoki ** 元素是React应用程序最小的构建块。元素描述了你想在屏...
    前端xiyoki阅读 2,948评论 0 0
  • 本文是本人自己辛苦翻译的,请转载的朋友注明,翻译于Z.MJun的简书 ,感谢!<翻译不容易啊> 翻译于2017年6...
    ZMJun阅读 1,826评论 0 0
  • 元素是React应用的最小构建块。 一个元素描述了你想要在屏幕上看到什么: 与浏览器DOM元素不同,React元素...
    __proto__阅读 1,917评论 0 0
  • 渲染元素 元素是 React 应用中最小的构建单元。 一个元素描述你想在屏幕上看到的东西。 不同于 DOM 元素,...
    soojade阅读 3,462评论 0 1
  • 不同于浏览器的 DOM 元素, React 元素是普通的对象,非常容易创建。React DOM 会负责更新 DOM...
    iqing2012阅读 1,105评论 0 0