Pro框架中Redux使用的一点总结

最新推荐文章于 2022-07-19 09:51:48 发布

懒得懒

最新推荐文章于 2022-07-19 09:51:48 发布

阅读量685

点赞数

分类专栏： React框架文章标签： Pro models

本文链接：https://blog.csdn.net/wuChiSha/article/details/90273390

版权

本文总结了在Pro框架中使用Redux的方法，包括models文件的结构解析，如何获取state和payload的值，以及数据的存取操作。在effects中通过select获取state，通过action.payload获取payload。存入数据通过reducers的save类型，取出数据通过this.props.命名空间。此外，还介绍了基于action的页面跳转方式。

摘要由CSDN通过智能技术生成

随着dva框架和pro框架的使用，Redux在React项目开发过程中，变得越来越重要了，也由于各大脚手架的集成，使用redux正变得越来越简单，此文主要是总结了在pro框架下，Redux的使用方法。

1、关于models文件的一点说明

pro脚手架的目录结构，十分清晰，其中models文件夹下的文件一般而言主要是调用services层，并对数据进行数据，现对其内容构成做如下说明：，
①namespace：命名空间，必有属性，唯一标识一个model；

②state：命名空间下对应的全部值，建议属性（如果不使用redux来维护数据，一般不会有state，如果使用redux来维护数据，则一般维护的是state中的值）；

③effects：主要用于异步请求（调用service）、触发action（调用）、从state里获取数据；

effets中的函数形如下：

 *fucntionName({ payload,callback}, { call,put,select }) {
     //payload:调用接口时需要的入参；
     //callback:回调函数
    //call用于调用异步逻辑(调用service层) ；
    //put 用于触发action，在代码中表现为调用reducers中的方法
    //select 用于过滤model中state的值，即取值 
 
    },
 </