首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

处于挂起状态的`createAsyncThunk`如何发送自定义参数?

createAsyncThunk是Redux Toolkit中的一个函数,用于创建异步的thunk action。它可以接收两个参数:一个字符串类型的action类型和一个异步的回调函数。

在使用createAsyncThunk创建thunk action时,可以通过在回调函数中返回一个对象来发送自定义参数。这个对象可以包含两个属性:payloadextra

payload属性用于传递需要发送的数据,可以是任意类型的值。extra属性用于传递额外的参数,通常用于发送一些配置信息或者其他需要在回调函数中使用的数据。

下面是一个示例:

代码语言:txt
复制
import { createAsyncThunk } from '@reduxjs/toolkit';

// 创建一个异步的thunk action
const fetchData = createAsyncThunk(
  'data/fetch',
  async (customParam, thunkAPI) => {
    // 在回调函数中可以使用自定义参数
    console.log(customParam);

    // 在回调函数中可以使用extra参数
    console.log(thunkAPI.extra);

    // 执行异步操作,比如发送网络请求
    const response = await fetch('https://api.example.com/data');
    const data = await response.json();

    // 返回的对象中的payload属性将作为action的payload
    return data;
  }
);

// 使用自定义参数调用thunk action
dispatch(fetchData('customParamValue'));

在上面的示例中,fetchData是一个异步的thunk action,它接收一个自定义参数customParam。在回调函数中,可以通过customParam来访问这个自定义参数。

另外,如果需要在回调函数中使用额外的参数,可以通过在createAsyncThunk函数的第二个参数中传递一个对象来设置extra属性。在回调函数中,可以通过thunkAPI.extra来访问这个额外的参数。

关于Redux Toolkit的更多信息,你可以参考腾讯云的产品文档:Redux Toolkit

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券