React Redux 問題：如何使用 React Redux Toolkit RTK 查詢在您的 React 組件中調用多個 api？

Question

希望你們一切都好。

RTK 查詢返回數據屬性中的響應，可以通過 RTK 生成的鈎子訪問

我的代碼：

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

我的問題是我試圖在一個反應組件中調用 2 個 RTK 查詢，所以不能有兩個同名的屬性有沒有辦法在 RTK 查詢中更改數據屬性的名稱，

Answer 1

我相信沒有辦法更改 RTK 數據屬性名稱，但是您可以在解構 object 時簡單地分配一個不同的名稱。

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)