与事件不同，Effect是由渲染本身，而非特定交互引起的。Effect允许你将组件与某些外部系统 (第三方API，网络等) 同步默认情况下，Effect在每次渲染 (包括初始渲染) 后运行如果 React 的所有依赖项都与上次渲染时的值相同，则将跳过本次Effect不能随意选择依赖项，他们是由Effect内部代码决定的。空的依赖数组 ([]) 对应于组件 “挂载”，即添加到屏幕上。仅在严格模式下的

设置 state 不会更改现有渲染中的变量，但会请求一次新的渲染。React 会在事件处理函数执行完成之后处理 state 更新。这被称为批处理。要在一个事件中多次更新某些 state，你可以使用更新函数。你可以在state中存放任意类型的JavaScript值。到目前为止，你已经尝试过在state中存放数字，字符串和布尔值，这些类型的值在JavaScript中是不可变的，这意味着它们不能被改变或

组件可以挂载，更新和卸载每个Effect与周围组件有着独立的生命周期每个Effect描述了一个独立的同步过程们可以开始和停止在编写和读取Effect时，要独立地考虑每个Effect (如何开始和如何停止同步)，而不是从组件的角度思考 (如何挂载，更新，卸载)在组件主体内声明的值是响应式的响应式值应该重新进行同步Effect，因为它们可以随着时间的推移而发生变化检查工具验证在Effect内部使用的所

把 useState 转换成 useReducer：通过事件处理函数 dispatch actions;编写一个reducer函数，他接受传入的state和一个action，并返回一个新的state；使用useReducer 替换 useStateReducers 可能需要你写更多的代码，但这有利于代码的调试和测试Reducers必须是纯净的每个action 都描述了一个单一的用户交互使用 Imm

声明式编程意味着为每个视图状态声明 UI 而非细致地控制 UI（命令式）。当开发一个组件时：写出你的组件中所有的视图状态。确定是什么触发了这些 state 的改变。通过useState模块化内存中的 state。删除任何不必要的 state 变量。连接事件处理函数去设置 state。如果两个 state 变量总是一起更新，请考虑将它们合并为一个。仔细选择你的 state 变量，以避免创建“极难处理