react-redux 使用教程

react-redux 用于将 React App 和 Redux 相关联，以下是关联步骤：

1.  在 index.js 中引入 react-redux 中的 Provider 组件，使用此组件包裹 App 组件，并传入 redux store 实例：

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
// react-redux 中的 Provider 组件用于将 App 与 Redux 相关联
import { Provider } from 'react-redux'
// 引入 store
import store from './store'

ReactDOM.render(
  <React.StrictMode>
    <Provider store={store}>
      <App />
    </Provider>
  </React.StrictMode>,
  document.getElementById('root')
);

    2. 组件中引入 react-redux 中的 connect 方法，该方法返回一个高阶组件，具体细节看代码：

import React, { Component } from 'react';
import { Link } from 'react-router-dom'
// 引入 react-redux 中的 connect 用于在组