摘要: 安装redux npm install redux --save 编写使用redux的步骤 《1》从redux引入createStore用来创建仓库store createStore是一个函数,需要传入reducer作为参数,返回值是我们需要的store 《2》在使用页面引入数据仓库store 通过 阅读全文
posted @ 2020-01-08 22:57 Godfi 阅读(259) 评论(0) 推荐(1) 编辑
摘要: actions actions其实是描述操作的对象,我们调用dispath时需要传入此对象 store store是整个应用的数据存储仓库,把我们全局管理的状态数据存储起来 它就是我们的后勤保证,专门管理后勤数据 reducers reducers接收actions并更新store 注意:redux 阅读全文
posted @ 2020-01-08 00:43 Godfi 阅读(153) 评论(0) 推荐(1) 编辑
摘要: 只在顶层调用Hooks Hooks的调用尽量只在顶层作用域进行调用 不要在循环、条件或者是嵌套函数中调用Hook,否则可能会无法确保每次组件渲染时都以相同的顺序调用Hook。Hook的多个钩子使用顺序是确定的,条件渲染可能会破坏这种顺序。 只在函数组件调用Hooks React Hooks目前只支持 阅读全文
posted @ 2020-01-08 00:17 Godfi 阅读(255) 评论(0) 推荐(1) 编辑
摘要: Hooks其实说到底就是一个封装好的钩子供我们调用 只是我们自己封装的时候要特别注重性能,重复渲染这些问题,官方封装的就比较完美 简单封装一个改变页面标题的自定义Hooks 阅读全文
posted @ 2020-01-08 00:16 Godfi 阅读(623) 评论(0) 推荐(1) 编辑
摘要: useMemo 用于性能优化,通过记忆值来避免在每个渲染上执行高开销的计算 适用于复杂的计算场景,例如复杂的列表渲染,对象深拷贝等场景 使用方法如下 callback是一个函数用于处理逻辑 array控制useMemo重新执行的数组,array改变时才会重新执行useMemo useMemo的返回值 阅读全文
posted @ 2020-01-08 00:15 Godfi 阅读(209) 评论(0) 推荐(1) 编辑