redux在react中配合路由的使用（react-redux）

1.利用redux配合route可以进行数据跨组件的传输和显示数据

2.首先要安装route路由注意版本

注意：由于写的是死数据，一定要先传数据才能进行查看和显示

主要界面代码和包如下：

npm install react-router-dom@5

3.安装redux

npm install redux react-redux

4.index.js代码如下

import React from 'react';
import ReactDOM from 'react-dom/client';
import App from './App';
import { BrowserRouter } from 'react-router-dom';
import { Provider } from 'react-redux';
import store from './store/store';

import './index.css';

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <Provider store={store}>
    <BrowserRouter>
      <App />
    </BrowserRouter>
    </Provider>
);

5.app.js代码如下

im