Реактивные обновления компонента содержат другой компонент для обновления

Question

Я новичок в React и Redux, и у меня есть следующий пример кода.

`` `

<React.Fragment>
    <Spinner />
    <TableWrapper 
      onClick={
               ()=>{sendActionToToggleIsLoading();
                    sendActionToChangeTableData()}
              }
    />
</React.Fragment>

` ``

Два компонента, aSpinner и Table, они оба используют свой собственный контейнер для подключения к хранилищу резервов.Spinner подключается к isLoading реквизиту, а TableWrapper подключается к массиву [tableData] в хранилище.

Событие onClick в TableWrapper отправит два действия для изменения isLoadingи [tableData] в магазине и вызовите обновление двух компонентов.

Моя проблема в том, что TableWrapper займет немного времени для обновления, а Spinner - нет.Однако Spinner не будет обновляться до тех пор, пока TableWrapper не завершит componentDidUpdate.

Так что теперь поведение происходит после onClick, оба компонента некоторое время зависают, а затем оба обновляются до нового состояния.

Моя цель - позволить обновлению Spinner сразу после срабатывания onClick и обновления TableWrapper.

Я что-то не так делаю?

Answer 1

Может быть, попытаться отправить действие загрузки внутри sendActionToChangeTableData(), я не могу сказать вам, почему, но у меня это работает