在React中通过Redux Toolkit TypeScript使用Redux仓库

风安了

已于 2024-07-12 16:33:37 修改

阅读量663

点赞数 9

CC 4.0 BY-SA版权

文章标签： react.js javascript 前端 typescript

于 2024-07-12 16:30:58 首次发布

本文链接：https://blog.youkuaiyun.com/2302_79419626/article/details/140378783

参考网址：入门 Redux | Redux 中文官网

Redux 是一个用于 JavaScript 应用程序的状态管理库。它简单来说就是管理应用程序的状态。

Redux Toolkit TypeScript 提供了一种现代化且类型安全的方式来使用 Redux，是开发复杂前端应用时的一个强大工具

第一步 安装依赖包

# npm
npm install @reduxjs/toolkit react-redux
 
# yarn
yarn add @reduxjs/toolkit react-redux

第二步 在src页面里面创建一个(store)文件夹里面包含index.js 和 module文件夹

准备工作已经完毕下面正式开始操作

定义根 State 和 Dispatch 类型

import { configureStore } from '@reduxjs/toolkit'

// 引入module文件夹下的js文件
import Table = './module/table.js'

const store = configureStore({
  reducer: {
    table:Table   //table是我自定义的 reducer 函数  引入Table里面的方法