react状态管理工具redux的使用

最新推荐文章于 2023-10-16 08:00:00 发布

hwq317622817

最新推荐文章于 2023-10-16 08:00:00 发布

阅读量244

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/hwq317622817/article/details/127854180

版权

本文介绍了如何在React项目中使用Redux进行状态管理，包括安装必要的依赖，定义store，以及在main.js中注册store，并在jsx组件中通过connect函数获取并使用store中的数据。

摘要由CSDN通过智能技术生成

安装依赖

需要安装3个

npm install @reduxjs/toolkit
npm install redux
npm install react-redux

定义一个store

在src文件夹新建文件夹store，在store文件夹下新建文件index.js:

import {
    createSlice, configureStore } from '@reduxjs/toolkit'

const counterSlice = createSlice({
   
  name: 'counter',
  initialState: {
   
    count: 0,
  },
  reducers: {
   
    increment: (state) => {
   
      state.count += 1
    },
    decrement: (state) => {
   
      state.count -= 1
    },
    incrementByAmount: (state