React
-
React 中的事件处理（2）
事件处理 React 元素采用类似 DOM0 标准中的事件属性定义方法 JSX<button onClick={this.doSth}>点击</button>…
-
React 列表渲染&条件渲染（3）
条件渲染 判断条件一定是 bool 类型才会渲染，false、null、undefined class LoginForm extends React…
-
React 受控组件&非受控组件（4）
受控组件是通过绑定事件的方式，及时获取组件状态的变化，适合即时的数据验证 非受控组件是通过 React.createRef 创建的引用来获取需要的元素(状态)，灵活性更高，开发者可…
-
React 基本简介（1）
React–7天从基础到进阶 什么是 React 用于构建用户界面的 JavaScript 库 React API 是处理视图的 API 集合 React 仅仅负责 V…
-
React 父子组件数据关系与状态提升(5)
父子组件数据关系与状态提升 状态提升：两个组件（无父子关系）共享一个数据并同步数据变化，即将子组件中的数据提升到父组件中进行操作和管理，通过 props 传递给子组件 类组件调用（…
-
React 代码分割&错误边界（6）
代码分割 import 静动态导入 静态导入：static import import xxx from ‘xxx’导入并加载时，导入的模块会被编译，不是按需编译 动态导入：dyn…
-
React 中的 context（7）
Context 作用：给整个组件树共享全局的数据 最适合的场景：杂乱无章的组件都需要同一些数据 如果单纯为了不层层传递属性的话， Context 是不合适的，因为 Co…
-
React 高阶组件（8）
高阶组件 High Order Component HOC 是一种高级的设计模式 HOC 是一个函数，接收一个组件参数，返回一个新组件 普通组件返回的是 UI，HOC 返回的是一个…
-
React 中的 Refs（9）
Refs 允许我们访问真实 DOM 一般的，React 数据流是通过 props 来实现父子组件的交互 Refs 允许我们用于强制修改子组件 // 输入框焦点class&…
-
React 深入 JSX（10）
JSX JSX 其实是 React.createElelment 函数调用的语法糖 JSX 会将代码编译成 React.createElelment 调用形式 React.crea…
