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…