React初级学习——4 React元素

React元素是构成React应用的最小模块,比组件小,组件是由React元素构成的
React Dom负责更新实际Dom和React元素保持一致(数据绑定)

  1. ReactDom.render()
    将一个React元素渲染到真实Dom中,只需要把它和真实Dom的引用传入ReactDom.render()函数中:
<div id="root"></div>
//html结构
const element = <h1> Hello </h1>
ReactDom.render(element,document.getElementById("root"));
//JSX React元素
  1. 不可变性
    React元素是不可变的,不可修改它的子元素或属性

  2. 局部刷新
    React Dom会将元素和它的子元素与它们之前的状态相比较,只更新有必要更新的部分
    例子:https://react.docschina.org/docs/rendering-elements.html#react-only-updates-whats-necessary

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

推荐阅读更多精彩内容

  • 3. JSX JSX是对JavaScript语言的一个扩展语法, 用于生产React“元素”,建议在描述UI的时候...
    pixels阅读 2,925评论 0 24
  • 40、React 什么是React?React 是一个用于构建用户界面的框架(采用的是MVC模式):集中处理VIE...
    萌妹撒阅读 1,091评论 0 1
  • 以下内容是我在学习和研究React时,对React的特性、重点和注意事项的提取、精练和总结,可以做为React特性...
    科研者阅读 8,309评论 2 21
  • Learn from React 官方文档 一、Rendering Elements 1. Rendering a...
    恰皮阅读 2,697评论 2 3
  • —— 基础知识、JSX介绍、React 元素、组件和属性、状态和生命周期 此文档来自 React 官方文档,在英文...
    thelastcookies阅读 500评论 0 1