如何在react项目中使用redux?

在react项目中，组件通信和状态管理是非常麻烦的，特别是在涉及到父子组件传值的时候，就需要父子传值的方法，将会特别麻烦。而redux就是react生态中一个很好的数据和状态管理工具，本文将介绍在react项目中如何使用redux。

初始化react项目

首先需要初始化react项目，在安装了nodejs环境的情况下，运行下面了命令安装create-react-app工具。

npm install create-react-app -g

之后npm会在全局安装create-react-app工具，可以直接通过命令生成react项目，初始化命令如下。

// 进入创建项目的目录
create-react-app reactapp

运行命令后初始化了一个叫reactapp的项目，项目中src目录就是编写代码的目录。将src下面的所有代码删除，并引入如下两个文件。

// index.js
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';

ReactDOM.render(<App />, document.getElementById('root'));

// App.js
import Reac