redux-toolkit - 如何从我的组件中获取操作的“{slice}/{action}”值？

Question

我的组件中有一些逻辑需要知道我的一些操作的字符串值。这是 redux 工具包中显示的值，看起来像 {slice name}/{action}。有没有一种方法可以做到这一点？非常感谢

Answer 1

如果您正在使用createSlice并从中导出操作createAction， 或createAsyncThunk，您可以引用该.type属性来获取此值。

例子：

import React from "react";
import { createSlice } from "@reduxjs/toolkit";

const slice = createSlice({
  name: "test",
  initialState: { value: 0 },
  reducers: {
    increment: (state, action) => {
      state.value += action.payload;
    }
  }
});

export const { increment } = slice.actions;

export default function App() {
  return (
    <div className="App">
      <h2>Action name: {increment.type}</h2>
    </div>
  );
}