React--7天从基础到进阶

JSX JSX 其实是 React.createElelment 函数调用的语法糖 JSX 会将代码编译成 React.createElelment 调用形式 在 JSX 中使用点语法 书写规范 小写

Refs 允许我们访问真实 DOM 一般的，React 数据流是通过 props 来实现父子组件的交互 Refs 允许我们用于强制修改子组件 createRef 用法细节 通过 createRef..

高阶组件 High Order Component HOC 是一种高级的设计模式 HOC 是一个函数，接收一个组件参数，返回一个新组件 普通组件返回的是 UI，HOC 返回的是一个新组件 HOC 不能

Context 作用：给整个组件树共享全局的数据 最适合的场景：杂乱无章的组件都需要同一些数据 如果单纯为了不层层传递属性的话， Context 是不合适的，因为 Context 会弱化及污染组件的纯

代码分割 import 静动态导入 静态导入：static import import xxx from 'xxx' 导入并加载时，导入的模块会被编译，不是按需编译 动态导入...

父子组件数据关系与状态提升 状态提升：两个组件（无父子关系）共享一个数据并同步数据变化，即将子组件中的数据提升到父组件中进行操作和管理，通过 props 传递给子组件 类组件调用（实例化）的时候...

真正的挑战要开始了~~~ 这里我采用自顶向下的叙述方法，来描述组件的结构，大家可以先按照顺序依次阅读，最后再回头完整的看一遍，就能明白其中的设计方法啦~~ App.jsx 在根组件中，我们使用...

模拟获取数据接口 创建 Context 创建 Context 用来存储 todo_list 所有列表项 Http 组件 在这个组件中，我们使用 TodoListContext.Provider ...

本系列文章会展示如何使用 `React` 构建一个简单的 `todo_list` 项目。由于我们还没有学习 `redux` ，所以 `纯 React` 来管理数据，以此来巩固 `React` 基础。

事件处理 React 元素采用类似 DOM0 标准中的事件属性定义方法 JSX <button onClick={this.doSth}>点击</button> 直接创建

条件渲染 判断条件一定是 bool 类型才会渲染，false、null、undefined 列表渲染 报错信息：Each child in a list should have a unique "

受控组件 非受控组件 表单数据不受控于 state，使用 React ref 从 DOM 节点中获取表单数据的组件 受控组件&非受控组件 如果在表单组件中，需要进行立即/动态数据验证，使用受控组件

React 从小白到进阶，7天！就7天！ 真的不能再多了~ 一起来见证一个小白，如何快速掌握 React 基本技能，到能上手做商业项目吧！