摘要:
由于redux的写法太繁琐,还每次都需要重新调用render,不太符合我们了解react编程 react-redux横空出世,安装react-redux:npm install react-redux --save React-redux提供了两个api供我们使用 Provider 顶级组件,功能为 阅读全文
摘要:
安装redux npm install redux --save 编写使用redux的步骤 《1》从redux引入createStore用来创建仓库store createStore是一个函数,需要传入reducer作为参数,返回值是我们需要的store 《2》在使用页面引入数据仓库store 通过 阅读全文
摘要:
actions actions其实是描述操作的对象,我们调用dispath时需要传入此对象 store store是整个应用的数据存储仓库,把我们全局管理的状态数据存储起来 它就是我们的后勤保证,专门管理后勤数据 reducers reducers接收actions并更新store 注意:redux 阅读全文
摘要:
只在顶层调用Hooks Hooks的调用尽量只在顶层作用域进行调用 不要在循环、条件或者是嵌套函数中调用Hook,否则可能会无法确保每次组件渲染时都以相同的顺序调用Hook。Hook的多个钩子使用顺序是确定的,条件渲染可能会破坏这种顺序。 只在函数组件调用Hooks React Hooks目前只支持 阅读全文
摘要:
Hooks其实说到底就是一个封装好的钩子供我们调用 只是我们自己封装的时候要特别注重性能,重复渲染这些问题,官方封装的就比较完美 简单封装一个改变页面标题的自定义Hooks 阅读全文
摘要:
useMemo 用于性能优化,通过记忆值来避免在每个渲染上执行高开销的计算 适用于复杂的计算场景,例如复杂的列表渲染,对象深拷贝等场景 使用方法如下 callback是一个函数用于处理逻辑 array控制useMemo重新执行的数组,array改变时才会重新执行useMemo useMemo的返回值 阅读全文
摘要:
useReducer是useState的一个增强体,可以用于处理复杂的状态管理 useReducer可以完全替代useState,只是我们简单的状态管理用useState比较易用 对比一下useState和useReducer的使用: useReducer的参数介绍 reducer是一个函数,根据a 阅读全文
摘要:
context就是用来更方便的实现全局数据共享的,但是由于它并不是那么好用,所以我们一般会使用第三方状态管理器来实现全局数据共享 redux dva mobx useContext(context)是针对context上下文提出的一个Hooks提出的一个API,它接收React.createCont 阅读全文
摘要:
useEffect 副作用处理钩子 数据获取、订阅、定时执行任务、手动修改ReactDOM这些行为都可以成为副作用。而useEffect就是为了处理这些副作用而生的。 useEffect也是componentDidMount、componentDidUpdate和componentWillUnmou 阅读全文
摘要:
useState 组件状态管理钩子 useState能使组件能够使用state 基本使用如下所示: state是要设置的状态 setState是更新state的方法,只是一个方法名,可以随意更改 initState是初始的state,可以是随意的数据类型,也可以是回调函数,但是函数必须是有返回值 完 阅读全文