在React项目中使用Redux

我为什么会需要用redux

在上个月,公司交给我一个react项目进行维护。原来我其实不是不会用react的,也不想去用,但是项目月底就要上线,赶鸭子上架一般的我连夜在爱奇艺里边看了一波react教程。实话说,基础的react也没有想象中那么难,更何况我只需要做一下项目维护以及新增功能。但是,在后面写着写着就遇到问题了,那就是项目中各种redux的调用看得我云里雾里。本以为我会vuex,redux应该也差不多,但是实际上却完全是两种不同的写法。

关于网上的redux资料

网上有很多讲解redux的资料,但是实际上对于我这种小白而言,真的是没啥用。因为我需要的是快速上手写代码,而不是给我长篇大论的讨论原理。
但是,连续看了好几天文档和博客后,发现了两篇对小白而言最有用的博客(非常感谢两位作者)。但是这两个博客一个是将如何使用Redux,一个是讲如何在组件中使用redux,所以两篇都需要看一看。

Redux入门教程(快速上手)

在react中使用connect

基本上看懂了以上两篇博客,基本上可以在react里边使用redux了

下面是我合并了上面两篇博客的代码

先上个效果图,没写css,比较low
在这里插入图片描述

实现功能

  1. 添加商品;
  2. 删除商品;
  3. 修改数量;

工程目录
在这里插入图片描述

完整代码在github上,点我
希望对你有帮助

猜你喜欢

转载自blog.csdn.net/qq_36990322/article/details/86150538