Я пытаюсь добавить реактив-маршрутизатор-натив в мое приложение реагировать-род / реакт-аполлон, но когда тег <Query> возвращает данные клиенту, компонент больше не отображается (всегда показывайте <Loading/> тег).Я делаю это неправильно?
App.js
...
render() {
const { isLoggedIn, token, hp } = this.state;
if (!isLoggedIn) {
return <Login onLogin={this.handleLogin} />;
} else {
return (
<NativeRouter>
<ApolloProvider client={CreateApolloClient(token)}>
<Switch>
<Route path="/" component={Home}/>
</Switch>
</ApolloProvider>
</NativeRouter>
);
}
}
...
Home.js
...
<Query query={getHomeData}>
{({ loading, error, data: { getHomeData: data } }) => {
return loading ? ( <Loading /> ) : (
<ScrollView style={style.dataContainer}>
<Text>{JSON.stringify(data)}</Text>
</ScrollView>
);
}}
</Query>
...
Loading.js
...
return (
<View>
<Text>LOADING CONTENT...</Text>
</View>
);
...