React

  • React 中的事件处理(2)

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

    2022年11月21日
    05
  • React 列表渲染&条件渲染(3)

    条件渲染 判断条件一定是 bool 类型才会渲染,false、null、undefined class LoginForm extends React…

    2022年11月21日
    07
  • React 受控组件&非受控组件(4)

    受控组件是通过绑定事件的方式,及时获取组件状态的变化,适合即时的数据验证 非受控组件是通过 React.createRef 创建的引用来获取需要的元素(状态),灵活性更高,开发者可…

    2022年11月21日
    016
  • React 基本简介(1)

    React–7天从基础到进阶 什么是 React 用于构建用户界面的 JavaScript 库 React API 是处理视图的 API 集合 React 仅仅负责 V…

    2022年11月21日
    011
  • React 父子组件数据关系与状态提升(5)

    父子组件数据关系与状态提升 状态提升:两个组件(无父子关系)共享一个数据并同步数据变化,即将子组件中的数据提升到父组件中进行操作和管理,通过 props 传递给子组件 类组件调用(…

    2022年11月21日
    03
  • React 代码分割&错误边界(6)

    代码分割 import 静动态导入 静态导入:static import import xxx from ‘xxx’导入并加载时,导入的模块会被编译,不是按需编译 动态导入:dyn…

    2022年11月21日
    08
  • React 中的 context(7)

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

    2022年11月21日
    011
  • React 高阶组件(8)

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

    2022年11月21日
    08
  • React 中的 Refs(9)

    Refs 允许我们访问真实 DOM 一般的,React 数据流是通过 props 来实现父子组件的交互 Refs 允许我们用于强制修改子组件 // 输入框焦点class&…

    2022年11月21日
    06
  • React 深入 JSX(10)

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

    2022年11月21日
    026
分享本页
返回顶部