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

JSX JSX 其实是 React.createElelment 函数调用的语法糖 JSX 会将代码编译成 React.createElelme...

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

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

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

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

父子组件数据关系与状态提升 状态提升：两个组件（无父子关系）共享一个数据并同步数据变化，即将子组件中的数据提升到父组件中进行操作和管理，通过 p...

受控组件是通过绑定事件的方式，及时获取组件状态的变化，适合即时的数据验证非受控组件是通过 React.createRef 创建的引用来获取需要的...

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