React 实用基础合集(2)

简介: React 实用基础合集(2)

1、setState 为何使用不可变值 ?

1、概述

网络异常,图片无法展示
|

2、不可变指的是 函数式编程思想 纯函数

  • array.concat 返回新数组 但旧数组 未变化  slice fliter forEach 也是一样
  • array.push pop splice  更改了 数组本身  会违反 不可变值

网络异常,图片无法展示
|

  • 常规 操作对象的思路
    网络异常,图片无法展示
    |

2、setState是异步 ?

* 注意 不管是 自定义事件还是 setTimeout 定时任务 都需要 手动销毁
复制代码
  • 直接使用 this.setState 是异步的
    网络异常,图片无法展示
    |

网络异常,图片无法展示
|

  • 在 setTimeout 中 setState是同步的

网络异常,图片无法展示
|

  • 自定义事件中 同步

网络异常,图片无法展示
|

3、setState会合并state ?

网络异常,图片无法展示
|

网络异常,图片无法展示
|

网络异常,图片无法展示
|

4、生命周期 ?

1、官网

网络异常,图片无法展示
|

网络异常,图片无法展示
|

5、总结 ?

网络异常,图片无法展示
|

网络异常,图片无法展示
|

网络异常,图片无法展示
|


相关文章
|
前端开发 JavaScript
React 实用基础合集(1)
React 实用基础合集(1)
869 2
|
XML 前端开发 JavaScript
React 基础和 JSX 的使用
React 基础和 JSX 的使用
react+umi+dva+ts基础基础使用
react+umi+dva+ts基础基础使用
好客租房90-react路由基础学习目标
好客租房90-react路由基础学习目标
86 0
好客租房90-react路由基础学习目标
好客租房99-react路由基础总结
好客租房99-react路由基础总结
115 0
好客租房99-react路由基础总结
|
前端开发
好客租房45-react组件基础综合案例-6边界问题
好客租房45-react组件基础综合案例-6边界问题
93 0
好客租房45-react组件基础综合案例-6边界问题
|
前端开发
好客租房42-react组件基础综合案例-渲染列表无数据并优化
好客租房42-react组件基础综合案例-渲染列表无数据并优化
116 0
好客租房42-react组件基础综合案例-渲染列表无数据并优化
|
前端开发
好客租房41-react组件基础综合案例-渲染列表数据
好客租房41-react组件基础综合案例-渲染列表数据
118 0
好客租房41-react组件基础综合案例-渲染列表数据
|
前端开发
好客租房40-react组件基础综合案例-案例需求分析
好客租房40-react组件基础综合案例-案例需求分析
110 0
好客租房40-react组件基础综合案例-案例需求分析
|
存储 XML JSON
【前端面试题】前端基础 | 八股文 | HTTP网络 | Vue | React 下
【前端面试题】前端基础 | 八股文 | HTTP网络 | Vue | React
419 0