[JavaScript知识库]Redux脚手架begin

react脚手架准备工作

1. 新建一个文件夹
2. 在vscode终端打开文件夹输入 npm install redux 安装react
3. 接着在输出npx create-react-app +自己命名的项目名称（注意是npx）
4. 在输出npm install react-router-dom --save-dev下载路由所需要的库然后在index文件中引入路由的方式，然后在代码中编写

import  { BrowserRouter as Router} from 'react-router-dom'
    <Router>
    <App />
    </Router>

在app.js中配置路由信息 首先引入我们需要的组件，然后在文件中配置

import { Route, Link, Switch } from 'react-router-dom'
<Link to="/">首页</Link>
<Route path="/" component={Home}></Route>

5.配置安装react-redux npm i redux react-redux --save-dev在index.js文件中导入

import {Provider} from 'resact-redux
import {store} from './store/index

然后在代码中编写

// 必须要加在最外层
 <React.StrictMode>
  <Provider store={store}>
    <Router>
    <App />
    </Router>
    </Provider>
  </React.StrictMode>,