检查其范围之外的变量

Question

在我的代码中，我想有条件地执行一个查询，然后在模板中检查它的加载变量，但前提是查询已执行并且不希望我的文件中有任何 TypeScript 错误。如何检查在其上下文中可能存在或不存在的变量？

我正在使用 Apollo GraphQL。

if( executeMyQuery )
{
    const {
        data, loading: loadingQuery
    } = useQuery( MyQuery );
}

return (
    <View>
        { /* ... some code ... */ }
        { executeMyQuery && loadingQuery ?
            <Text>Query is loading...</Text>
            { /* ... some code ... */ }
        : null }
    </View>
);

TypeScript 说：Cannot find name 'loadingQuery'.

Answer 1

看看dependent queries

const {
     data, loading: loadingQuery
} = useQuery( MyQuery,    {
 // The query will not execute until the userId exists
 enabled: executeMyQuery,
   }
);

return (
    <View>
        { /* ... some code ... */ }
        { executeMyQuery && loadingQuery ?
            <Text>Query is loading...</Text>
            { /* ... some code ... */ }
        : null }
    </View>
);

Answer 2

通过更改使用skip 参数修复它

if( executeMyQuery )
{
    const {
        data, loading: loadingQuery
    } = useQuery( MyQuery );
}

到

const {
    data, loading: loadingQuery
} = useQuery( MyQuery, {
    skip: executeMyQuery,
} );