react状态管理工具redux的使用

安装依赖

需要安装3个

npm install @reduxjs/toolkit
npm install redux
npm install react-redux
1
2
3

定义一个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
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20