我应该如何将 Redux 添加到使用 Create-React-App 创建的 React 项目中？

Question

我使用 Create-React-App 创建了一个 React 项目。该package.json文件显示：

{
  "name": "dashboard",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "react": "^15.5.4",
    "react-dom": "^15.5.4"
  },
  "devDependencies": {
    "react-scripts": "1.0.7"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }
}

如何添加 Redux？我需要运行什么命令才能将其安装到我的 node_modules 中？

Answer 1

要添加的 npm 命令redux是：

npm install --save redux

这将package.json通过添加依赖项来修改您的文件redux并将包下载到您的node_modules目录。

之后您的package.json文件将如下所示：

{
  "name": "dashboard",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "react": "^15.5.4",
    "react-dom": "^15.5.4",
    "redux": "^3.6.0"
  },
  "devDependencies": {
    "react-scripts": "1.0.7"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }
}

您也可以自己添加带有redux（在 下dependencies）的行。

如果这样做，您必须npm install随后运行，以便将redux包添加到您的node_modules.