如果调用 useLazyLoadQuery ，React Navigation 不会呈现路由

Question

我有一个非常基本的react-navigation和relay设置。数据被加载，console.log输出数据，但View和Text没有渲染，我只看到一个空白屏幕。

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

Answer 1

我怀疑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>)
}