в рендеринге табличных данных используется прелоадер
{self.props.items.length === 0 ?
<div>
{!self.state.isLoading ?
<div className="block-not-found">Not found</div> :
<div className="block-loading"><img .../></div>
}
</div>
:
<div>
<table>...
обновление items
и isLoading
запускается синхронно:
fetch(...)
.then(...) {
...
dispatch({ type: 'FETCH_ITEMS_SUCCESS', data: items });
self.state.isLoading = false;
}
редюсер прост до неприличия:
export default function items(state = initialState, action) {
if (action.type === 'FETCH_ITEMS_SUCCESS') {
return action.data;
}
return state;
}
но при рендеринге после прелоадера, но до отрисовки таблицы возникает надпись Not found
вот лог состояний из рендера:
isLoading: true length: 0
isLoading: false length: 0
isLoading: false length: 50
почему items
и isLoading
обновляются не синхронно?
setState
. А в данном случае вообще не нужен state и флаг isLoading должен быть reduxisLoading должен быть redux
- это как? дайте ссылкуisFetching
(вашisLoading
) это часть стора