webopenbro

字符串形式的refs 第一个输入框点击按钮alert数据，第二个输入框失焦alert数据 来吧展示 内联回调函数式的refs 然鹅官方文档说了，当状态更新的时候回调函数会执行两次，第一次返回null

引入 类似state，props也是为组件提供数据来源的方式，不同的是state是自己定义数据，props是接受组件外部数据。 直接上🌰 批量传递多组标签属性 限制传入的数据格式 在对数据格式进行限制

ok为了修改state，我们复习了类class、this指向、原型链、事件绑定，结果state修改，React竟然他喵的不买账，好家伙让我们来看看React本身对状态改变是怎么要求的

原生JS事件绑定 React事件绑定 触发事件时修改state在Weather实例中，this指向实例可以直接获取和修改state，但在自定函数changeWeather中this指向window对象

举个例子 解析 构建类式组件继承自React的Component类，react创建Weather实例传递state、props等属性 Weather实例中继承了state等属性可以直接在构造器中修改s

举个🌰 执行ReactDOM之后发生了啥 React解析㢟标签，找到了Demo组件 发现组件是使用类定义的，随后new出来该类的实例，并通过该实例调用到原型上的方法 将render范湖的虚拟DOM转为

举个🌰 执行react渲染之后发生了啥 React解析组件标签，找到component组件。 发现组件式使用函数定义的，随后调用该函数，将返回的虚拟DOM转成真实DOM呈现在页面上

介绍 全称：JavaScript XML react定义的一种类似于XML的JS扩展语法：JS+XML 本质 js语句与表达式 jsx练习

虚拟DOM 本质是Object类型的对象（一般对象） 虚拟DOM比较轻，真实DOM比较重 虚拟DOM会被React转化成真实DOM