在React项目中使用redux

使用RTK的方式

1.安装redux核心包和redux工具包

 npm install react-redux @reduxjs/toolkit

2.使用Redux Toolkit来构建store，步骤如下：

• 在store/index.js文件下配置，导出store：

import {
    configureStore } from "@reduxjs/toolkit";

const store = configureStore({
   
  //配置对应的reducer
  reducer:{
   
    xxx:xx,
  }
})

export default store;

• 为了让store生效，在项目根文件夹下的index.jsx文件中引用 Provider，并使用Provider包裹App组件,传入store属性

import React, {
    Suspense } from 'react';
import ReactDOM from 'react-dom/client';