REACT查询：删除React Native Thr中的Quermeries

Question

我正在尝试使用REC中的RQ（RN）中的RQ，并尝试遵循推荐的remove quercleies（），如 https://stackoverflow.com/a/67635388/618099

export default () => {
  const navigation = useNavigation<NativeStackNavigationProp<RootStackParamList>>()
  const { setCurrentPortfolioId } = useCurrentPortfolio()
  const { removeQueries } = useQueryClient()

  const clearMemory = async () => {
    setCurrentPortfolioId(null)
    try {
      removeQueries()
    } catch (error) {
      console.log(error)
    }
    await setTimeout(() => {}, 1000)

    await SecureStore.deleteItemAsync('EMAIL')
    await SecureStore.deleteItemAsync('PASSWORD')

    navigation.replace('SignIn')
  }
  return (
    <SafeAreaView style={styles.container}>
      <Button onPress={clearMemory} label="LOG UD" />
    </SafeAreaView>
  )
}

但是它只是抛出的

undefined is not an object (evaluating 'this.queryCache')
at node_modules/react-query/lib/core/queryClient.js:122:21 in removeQueries

人是否对我做错了什么有所了解？

---

（是的，应用程序屏幕包裹在QueryClientProvider中）

function onAppStateChange(status: AppStateStatus) {
  // React Query already supports in web browser refetch on window focus by default
  if (Platform.OS !== 'web') focusManager.setFocused(status === 'active')
}

export const queryClient = new QueryClient({
  defaultOptions: { queries: { retry: 2, cacheTime: 1000 } },
})

export default function App() {
  const isLoadingComplete = useCachedResources()
  useOnlineManager()

  useAppState(onAppStateChange)

  if (!isLoadingComplete) return null

  return (
    <SafeAreaProvider initialMetrics={initialWindowMetrics}>
      <StatusBar style="light" />
      <QueryClientProvider client={queryClient}>
        <CredentialsContextProvider>
          <CurrentPortfolioContextProvider>
            <Navigation />
          </CurrentPortfolioContextProvider>
        </CredentialsContextProvider>
      </QueryClientProvider>
    </SafeAreaProvider>
  )
}

Answer 1

它是因为它是一堂课。因此，必须像queryclient.removequeries（）一样被称为

- 以某种方式我删除了登录请求而不注意到它 - 因此，它是用错误的凭据请求它的

凭据