Estou no meio do meu primeiro projeto React Native. Eu gostaria de criar um HOC que lida exclusivamente com a sincronização de dados de uma API. Isso envolveria todos os meus outros componentes.

Se eu estiver correto, meuDataSync O componente aprimoraria todos os outros componentes, fazendo o seguinte na instrução de exportação:

export default DataSync(SomeOtherComponent);

O conceito com o qual estou lutando é queSomeOtherComponent também depende do método React Redux Connect para recuperar outro estado de redux. Minha pergunta é como posso usar os dois juntos? Algo assim?

export default DataSync(connect(mapStateToProps, mapDispatchToProps)(SomeOtherComponent));

Eu posso ter entendido completamente o conceito aqui, então eu realmente aprecio algumas dicas

EDITAR

Para explicar mais:

Meu DataSync HOC trataria puramente da sincronização de dados entre o aplicativo e seria o componente de nível superior. Ele precisaria acessar o estado de autenticação e definiria os dados no Redux (nesse caso, pedidos) para todos os outros componentes.

Os componentes aninhados no DataSync HOC precisam acessar os dados recuperados, as rotas e, por sua vez, criam estados (pedidos) que devem ser sincronizados de volta ao servidor periodicamente.