简介
create-react-app-add-redux 是一个用于在 create-react-app 项目中快速添加 Redux 的 npm 包。使用 create-react-app 尤其是新手的开发者在使用 Redux 是比较困难的，这个 npm 包的目的就是为了解决这一问题。本文将详细介绍如何在你的 create-react-app 项目中使用 create-react-app-add-redux。
开始使用
首先，确保你已经创建了 create-react-app 项目。如果还没有，请查看 create-react-app 的 官方文档。可以使用以下命令来创建一个新的 create-react-app 项目：
--- ---------------- ------ -- ------
安装 create-react-app-add-redux：
--- ------- ------ --------------------------
注意：使用 create-react-app-add-redux 的必备条件是你需要在项目中安装了 Redux 和 React-Redux。
在安装完 create-react-app-add-redux 后，我们需要对 create-react-app 项目进行一些更改以支持 Redux。首先，在 App.js 文件中添加一些导入语句：
------ ----------- ---- ----------------------------- ------ - -------- - ---- -------------- ------ ----- ---- ----------
接下来，替换你的组件返回根元素的地方：
-------- ----- -
------ -
--------- --------------
---- ----------------
------- -----------------------
---最后，使用以下命令来运行你的项目：
--- -----
现在你就可以在你的 create-react-app 项目中愉快地使用 Redux 了。
指导意义
此外，以下是 create-react-app-add-redux 的一些优点：
- 快速创建 Redux
使用 create-react-app-add-redux 可以快速创建项目中所需的 Redux 文件和目录，省去繁琐的手动配置过程。
- 带有文件结构
create-react-app-add-redux 遵循了 Redux 官方推荐的文件结构，创建的文件结构对新手很友好，可以让他们快速了解 Redux 的配置原理。
- 适用范围广
create-react-app-add-redux 对于已经创建好的 create-react-app 项目都是适用的，不需要重新构建项目。
总之，使用 create-react-app-add-redux 是一个快速开始学习 Redux 的好方法，它的优点在于简单易用，文件结构清晰，适用范围广。如果你也是新手或者想要快速学习 Redux 的开发者，create-react-app-add-redux 绝对是你不能错过的工具。
示例代码
-- -------- ------ - ----------- - ---- -------- ------ ----------- ---- ------------- ----- ----- - ------------------------- ------ ------- ------
-- -------------- ------ - --------------- - ---- -------- ------ - ------------- - ---- ------------------ ----- ----------- - ----------------- -------------- --- ------ ------- ------------
-- ----------------
----- ------------ - -
------ --
--
------ ----- ------------- - ------ - ------------- ------- -- -
------ ------------- -
---- ------------
------ -
---------
------ ----------- - --
--
---- ------------
------ -
---------
------ ----------- - --
--
--------
------ ------
-
--来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600575c581e8991b448ea741