RTK查询正确的方法与Transformponse映射道具

Question

我正在努力将调度程序组件与通过RTK查询API调用接收的数据链接。为了使调度程序工作，我必须在状态在组件中可用之前将道具名称调整为调度程序所使用的名称（否则我在React组件中尝试时不会加载它）。在RTK查询文档中没有一个明确的例子（ https://redux-toolkit.js.org/rtk-query/usage/customizing-ceries-quastomizing-quastomis#customist-customizing-query-responses-with-transpons-with-transformsponse ）就像它应该有可能。当我实现它时，查询将得到满足，但作为一个空对象或一个带有单个空对象的数组返回，具体取决于我试图构造它的方式。

getUserScheduleVisits: builder.query({
            query: userId => `/visitapi/visits/users/${userId}`,
            providesTags: ['Visit', 'User'],
            transformResponse: (response) => {
                return {
                    data: [{
                        id: response._id,
                        startDate: response.visitStart,
                        endDate: response.visitEnd,
                        title: response?.client?.fullName
                    }]
                }
            },
        }),

当我在没有转换响应的情况下运行查询时，数据会按预期进行，但是我要实现的调度程序组件仍然无法使用。我仍在学习RTK查询的复杂性，因此我确定它如何尝试使用Transform Response，我只是不确定如何正确处理它。

Answer 1

如果您执行const result = usemyquery（），这将最终成为result.data.data。

您可能是要这样做吗？

getUserScheduleVisits: builder.query({
            query: userId => `/visitapi/visits/users/${userId}`,
            providesTags: ['Visit', 'User'],
            transformResponse: (response) => {
                return [{
                        id: response._id,
                        startDate: response.visitStart,
                        endDate: response.visitEnd,
                        title: response?.client?.fullName
                    }]
            },
        }),

Answer 2

确保您不是RunNign Redux persistor，否则变换将“似乎没有触发”，但您需要清除局部孔，以便persistor会刷新。