React学习之路

上下文 上下文(Context) 提供了一种通过组件树传递数据的方法，无需在每个级别手动传递 props 属性。非常之方便。 在典型的 React 应用程序中，数据通过 props 自上而下（父到子）

分析demo. 组件分析 子组件父组件的关系 选择类组件还是函数组件？ 依据：是否有状态。有：类组件（容器组件）；没有：函数组件（UI） 数据位置： 条件：数据是某个组件自己用的话，那就定义在自己的组

上节回顾： 受控：简单来说就是依赖唯一状态源state，由React自动控制的表单元素称为“受控组件”。且无需操作真实DOM 非受控：绑定事件使用 event 对象（点击事件/监听事件）；使用 ref

受控场景：输入文字后，点击按钮，在控制台回显value。 受控组件的特点就是组件受状态/props的影响，但不会直接操作DOM，reactDOM.render內部的机制会自动操作DOM。 代码实现：

场景： 实现组件切换 实现： 定义初始数据： isLogin=false,即默认没有登陆；当点击按钮时将isLogin设置为true。用来切换函数组件。 书写函数组件： 两个函数组件：登录与欢迎。对应

前言： 例如：请问，打印的结果是什么？ 分析：函数中有定时器（异步），且sum1中没有同步写return,所以默认return Undefined。 所以result的值为undefined。 如何解

setState的花样用法 场景：点击按钮改变a的值。 方法1 只改变了a的状态值，但是没有触发render渲染页面。 方法2 使用setState改变a的状态值，且setState默认自动触发ren

react之一大难点----this----攻克它 所在场景： 逐一升级方法。 方法1： 写好go方法，测试运行一下查看结果。失败。 找原因：打印this，查看this指向。 打印后可知，结果为und

类组件，比函数组件更实用，可以写异步啊，功能更丰富。 但，类 和 函数 本质都一样。 类组件 由图可知，react会自动将props挂载到类中，也就是用this可以获取到props。 所以可以直接用t

jsx-component(function)-component(class)-components(函数组件组合)-component tree(redux)-app(项目开发) 不可改变 在re

React ALL in js. => jsx learn more,write anywhere.技术生态非常完整。 react:react=>react-dom web / react-nativ