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>,