React项目实战中讲Redux（案例讲解）

前言

前一篇文章介绍了Redux的基础应用方式，本文则借助具体实例，指导读者在实际的React项目中如何运用Redux进行开发，从而进一步提升对Redux的理解与操作能力。对于基础概念尚不明确的读者，建议先查阅上一篇文章——》 Redux的基础用法详解（纯函数的概念）

Redux在项目中的应用

本部分将介绍如何创建新项目并借助Redux实现一个简单的示例。首先，创建一个新的项目，并移除其中不必要的代码内容。接着，在src目录下建立一个名为pages的文件夹，并在该文件夹内部创建两个文件，分别是alipay.js和wxpay.js。接下来，我们将实现一个具体的功能需求：

例如，假设用户的微信与支付宝均关联了同一张银行卡。当用户通过支付宝或微信进行支付操作时，该银行卡账户中的余额将会相应减少。这表明支付宝与微信在账户余额方面实现了数据共享。

为了在该项目中应用Redux技术，需要先完成其安装与配置工作。

    npm i -D redux
    
    
      
    

在src目录中创建一个新的store文件夹，并编写相应的代码内容

接下来，我们梳理一下实现该功能的思路，使微信与支付宝端的余额显示保持一致。核心思路是构建一个名为store的文件夹，在index.js文件中用于创建store实例。随后，建立一