React Redux 问题：如何使用 React Redux Toolkit RTK 查询在你的 React 组件中调用多个 api？

Question

希望你们一切都好。

RTK 查询 return 数据属性中的响应，可以通过 RTK 生成的钩子访问

我的代码：

const {data = [], isFetching} = useFetchConversationQuery(categoryId, {
    skip
});
const { data } = useFetchCategoryQuery();

我的问题是我试图在一个 React 组件中调用 2 个 RTK 查询，所以不能有两个同名的属性有没有办法在 RTK 查询中更改数据属性的名称，

Answer 1

我认为无法更改 RTK 数据属性名称，但是您可以做的只是在解构对象时分配一个不同的名称。

const {data = [], isFetching} = useFetchConversationQuery(categoryId, {
    skip
});
const { data: myNewDataName } = useFetchCategoryQuery();

myNewDataName // data from useFetchCategoryQuery

Answer 2

我也意识到了这个局限性。这不是您要找的东西，但您可以像这样使用它们；

const conversation = useFetchConversationQuery(categoryId, {
    skip
});
const category = useFetchCategoryQuery();

// conversation.data.map(item=>console.log(item._id));
// console.log(category.data)

React Redux 问题：如何使用 React Redux Toolkit RTK 查询在你的 React 组件中调用多个 api？

React Redux Problem: How to call multiple api in your react component with React Redux Toolkit RTK queries?

javascript

reactjs

redux

rtk

rtk-query