如果调用useLazyLoadQuery,React导航不会呈现路由

ivqmmu1c  于 2023-08-07  发布在  React
关注(0)|答案(1)|浏览(103)

我有一个非常基本的react-navigationrelay设置。加载数据,console.log输出数据,但ViewText没有渲染,我只看到一个空白屏幕。

const HomeScreen = () => {
  const data = useLazyLoadQuery(QUERY, {});
  console.log('data', data);
  return (
    <View style={{flex: 1}}>
      <Text>Data: {data.id}</Text>
    </View>
  );
}

字符串

eblbsuwk

eblbsuwk1#

我怀疑useLazyLoadQuery可能会将react置于一个未被捕获的挂起回退状态。这样的东西应该让你启动和运行:

const HomeScreen = () => {
  return (
    <Suspense fallback={<Text>Loading...</Text>}>
      <Data />
    </Suspense>
  );
}

const Data = () => {
  const data = useLazyLoadQuery(QUERY, {});
  return (
    <View style={{flex: 1}}>
      <Text>Data: {data.id}</Text>
    </View>)
}

字符串

相关问题