У меня довольно странная проблема, которую нелегко воспроизвести. У меня есть следующий компонент
const CourierStatusBar = props => {
console.log('@@isWaitingForStateTransition', props.isWaitingForStateTransition);
if (props.isWaitingForStateTransition) {
return (
<BasicStatusBar onOpen={props.onOpenTripPlanner} onOpenTripPlanner={props.onOpenTripPlanner}>
<Spinner size={48} />
</BasicStatusBar>
);
}
// ....
, этот код должен отображать счетчик, в случае установки isWaitingForStateTransition
и другое содержимое в противном случае. В некоторых случаях у меня в консоли:
@@CourierStatusBar.isWaitingForStateTransition true
@@CourierStatusBar.isWaitingForStateTransition false
Но спиннер все еще на экране. Единственное предположение, что эти команды рендеринга были обработаны в неправильном порядке из-за асинхронного c моста. Таким образом, вопрос - это известная проблема? как это исправить?