React学习第九天(纯函数及相关工具的使用)

190 阅读1分钟

1.纯函数

一类特别的函数:只要是同样的输入(实参),必定得到同样的数据(返回)

必须遵守以下一些约束

  • 不得改写参数数据
  • 不会产生任何副作用,例如网络请求,输入和输出的设备
  • 不能调用Date.now()活着Math.random()等不纯的方法
  • redux的reducer函数必须是一个纯函数

2.redux开发者工具的使用

  • yarn add redux-dectools-extension
  • store中进行配置
import { composeWithDevTools } from "redux-devtools-extension";
// 暴露store
export default createStore(allReducers,composeWithDevTools(applyMiddleware(thunk)));
​

优化

  • 所有变量名称要规范,尽量触发对象的简写形式
  • reducers文件夹中,编写index.js专门用户汇总暴露所有的reducer

运行打包后的文件

安装 serve

yarn global add serve

yarn build 即可

image.png