Как заблокировать рендеринг детского компонента, пока не будет выполнено состояние? ⇐ Javascript

[Anonymous]

У меня есть компонент, который использует несколько крючков для получения данных, а затем передает их дочернему компоненту. Я хочу, чтобы дочерний компонент повторно рендеринг только тогда, когда все крючки ответили.

Код: Выделить всё

const [data1, loading1] = useData1();
const [data2, loading2] = useData2();
const [data3, loading3] = useData3();

const isLoading = loading1 || loading2 || loading3;

return isLoading ?  : 
< /code>
Если я сделаю именно это, то при изменении крюка у меня есть вспышка белой страницы.return 

, где компонент загрузчика является циркулярной программой, но, что наиболее важно, он блокирует childcomp для повторного использования во время выгрузки истин, все еще отображаясь за циркулярным процессом предыдущего состояния дочернего компонента. Чего я хочу избежать, так это то, что 3 вызовы избранных выполнены, и поэтому у меня есть 3 повторного использования, потому что Data1, Data2 и Data3 не будут появиться в одно и то же время.
Как я могу это достичь?

Подробнее здесь: https://stackoverflow.com/questions/797 ... ion-is-met