react使用中的原生reducer的使用的微小总结

React写app--原生reducer使用的微小工作总结

1.工作目录

只是以我的项目举例子,还会更新,现在只是一个备份

在这里插入图片描述

  • actions
    把reducers中接口(大写)转成小写的中转站

  • constans

    • config.js : 蓝色是自己起的接口名,后面是接口文档的接口地址在这里插入图片描述
  • containers
    conponrnt组件的集合点,相当于pages

  • reducers :分为上下两个部分,上面就是全局的state(数据是从下面接口方法中拿来的),下面就是接口名(大写的),(例子:要是想要对searchModalState这个进行数据清空的方法,就单独写一个方法,然后只要随便取一个function XXX(){。。。}只要。。。中的名字取成searchModalState,然后它的值变成空就可以了)
    在这里插入图片描述

  • app.js:path和component就是url对应组件名

2.从接口到组件数据传递

总结:config.js中好接口名,拿到action中进行关联(关联什么呢?就是config和reducers关联起来,因为,queryHotViewList是config的,VIEWPOINT_HOTVIEWLIST_GET_REQUEST是reducers中的)

  • config:
    在这里插入图片描述
  • actions:在这里插入图片描述
  • reducers:在这里插入图片描述
  • 组件:就是用这种方法先定下reducers中是哪个js,然后从该js中拿取state数据来使用
    在这里插入图片描述

版权声明:本文为m0_48719725原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
THE END
< <上一篇
下一篇>>