一、参数规则 1、可选的 2、数组类型 3、值为state或者props 二、不同的参数和返回 1、不传参数 　　默认的行为，会每次 render 后都执行，一般表单控制中使用 类似于类组件中的componentDidMoount以及componentDidUpdate ...

useEffect第二个参数可以是普通类型、也可以是引用类型。 如果是从props接收来的值，是引用类型的，且是immutable类型的，不要在mapStateToProps里使用toJS，如下： 要在组件里使用： light.js: ...

最近新项目刚上手，就用了react的hooks,之前也看过hooks的不少文章，只是还没实战实战。 业务场景1：需要在页面一开始时得到一个接口的返回值，取调用另一个接口。 我的思路是，先设置这个接口的返回值为data=[], 等到数据是再去请求另一个接口，即data作为useEffect的第二个 ...

今早来又莫名其妙的遇到了 bug，排查了一下是 useEffect 导致的。今天就再来详细的学习一下 react useEffect。 为什么要？ 我们知道，react 的函数组件里面没有生命周期的，也没有 state，没有 state 可以用 useState 来替代 ...

1. 常用的场景。 不用useEffect，为什么异步（请求数据，事件处理，订阅等相关操作）页面会死循环？（循环调用数据，循环刷新页面） 2. useEffect的第二个参数控制死循环。（只调用一次，但是页面至少刷新二次！）不完美 3. useEffect的执行的页面渲染之后执行 ...

useEffect【异步】 基本上90%的情况下,都应该用这个,这个是在render结束后,你的callback函数执行,但是不会block browser painting,算是某种异步的方式吧,但是class的componentDidMount 和componentDidUpdate是同步 ...

　　React Hooks 都是函数，使用React Hooks，就是调用函数。React Hooks在函数组件中使用，当React渲染函数组件时，组件里的每一行代码就会依次执行，一个一个的Hooks 也就依次调用执行。 　　useState(): 接受一个参数，返回了一个数组。 　　参数 ...

之前我们已经掌握了useState的使用，在 class 中，我们通过在构造函数中设置 this.state 为 { count: 0 } 来初始化 count state 为 0： ...