avatar
文章
94
标签
89
分类
16
首页
归档
标签
分类
关于
虾壳
搜索
首页
归档
标签
分类
关于

React

发表于2023-10-01|更新于2023-10-02|前端前端教程
|字数总计:5|阅读时长:1分钟|阅读量:
文章作者: 虾壳
文章链接: http://yagote.github.io/2023/10/01/react/
版权声明: 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 虾壳！
教程React
上一篇
NodeJS
下一篇
Vue
相关推荐
2023-10-01
Axios
2023-10-01
CSS
2023-10-02
Dubbo旧
目录
  1. 一、React基础
    1. 1、单页面React
    2. 2、React脚手架
    3. 3、JSX介绍
    4. 4、JSX中使用JavaScript表达式
    5. 5、JSX条件渲染
    6. 6、JSX列表渲染
  2. 二、组件基础
    1. 1、组件介绍
    2. 2、组件的创建方式
      1. 2.1 使用函数创建
        1. 2.1.1 普通函数创建
        2. 2.1.2 箭头函数创建
      2. 2.2 使用类创建
    3. 3、组件抽离为独立 JS 文件
    4. 4、React事件处理
      1. 4.1 事件绑定
        1. 4.1.1 类组件绑定事件
        2. 4.1.2 函数组件绑定事件
      2. 4.2 事件对象
      3. 4.3 有状态组件和无状态组件
        1. 4.3.1 介绍
        2. 4.3.2 state和setState
      4. 4.4 抽离事件处理程序
        1. 4.4.1 使用箭头函数
        2. 4.4.2 bind方法
        3. 4.4.3 class的实例方法
      5. 4.5 表单处理
        1. 4.5.1 受控组件方式
        2. 4.5.2 非受控组件
      6. 4.6 综合案例–文章评论
  3. 三、组件进阶
    1. 1、组件的props
      1. 1.1 函数组件
      2. 1.2 类组件
    2. 2、props的特点
    3. 3、组件通信的三种方式
      1. 3.1 父组件传递子组件
      2. 3.2 子组件传递父组件
      3. 3.3 兄弟组件之间传递
    4. 4、Context
    5. 5、props深入
      1. 5.1 Children属性
      2. 5.2 props校验
      3. 5.3 props校验的约束规则
      4. 5.4 props的默认值
    6. 6、组件的生命周期
      1. 6.1 介绍
      2. 6.2 生命周期的三个阶段
        1. 6.2.1 创建阶段
        2. 6.2.2 更新阶段
        3. 6.2.3 卸载阶段
        4. 6.2.4 不常用钩子函数
    7. 7、render-props和高阶组件
      1. 7.1 render props模式
      2. 7.2 组件复用
      3. 7.3 高阶组件
        1. 7.3.1 使用
        2. 7.3.2 displayName
        3. 7.3.3 传递props
  4. 四、React原理
    1. 1、setState()
      1. 1.1 setState介绍
      2. 1.2 setState推荐语法
      3. 1.3 setState的第二个参数
    2. 2、JSX语法的转化过程
    3. 3、组件更新机制
    4. 4、组件性能优化
      1. 4.1 减轻state
      2. 4.2 避免不必要的重新渲染
      3. 4.3 纯组件
    5. 5、虚拟DOM和Dif算法
  5. 五、React路由
    1. 1、React路由介绍
    2. 2、路由的基本使用
      1. 2.1 路由安装
      2. 2.2 常用组件说明
    3. 3、路由的执行过程
    4. 4、编程式导航
    5. 5、默认路由
    6. 6、路由匹配模式
      1. 6.1 模糊匹配
      2. 6.2 精确匹配
  6. 六、函数式组件
  7. 七、 状态管理工具 React Redux
    1. 1、安装
  8. 八、项目-移动web【好客租】
    1. 1、项目介绍
Copyright © 2021 - present 虾壳
搜索
数据库加载中