Перестал работать useEffect при загрузке страницы после подключения json-server?

Question

[Иван Шарков]

Когда данные лежали на локальном файле в db.json без использования json-server, все работало, данные приходили через Axios и диспатчились в Redux, оттуда их принимал useSelector в компоненте Home и все работало. Но когда я подключил и настроил json-server, данные перестали приходить, хотя сам сервер по установленному порту работает, а если глянуть с помощью window.test(), то данные приходят, а вот при первой загрузке страницы в useEffect они почему-то перестали попадать в state (сам useEffect перестал отрабатывать при загрузке страницы). До нужного компонента Home данные не доходят. Что делать?

Код получения данных с сервера (+тест получаемых данных):

const dispatch = useDispatch();

  React.useEffect(() => {
    Axios.get('http://localhost:3001/pizzas').then(({ data }) => { dispatch((setPizzasAction(data))) }); 
  }, [])

  window.test = () => {
    Axios.get('http://localhost:3001/pizzas').then(({ data }) => {
      console.log(data)
      dispatch((setPizzasAction(data)))
    });
  }

Код компонента Home, куда должны передаваться данные с редакса (тут уже state не содержит нужных данных):

const dispatch = useDispatch();

  const { items } = useSelector((state) => {
    return {
      items: state.pizzas.items,
    };
  });

  const onSelectCategory = React.useCallback((index) => {
    dispatch(setCategory(index));
  }, []);

Comments

[GlazOtca]

Вот так напрямую сразу пихать данные из запроса в стейт - плохая практика. Нужно проверить как минимум 2 вещи:
1 Запрос завершился успешно
2 В полученном ответе присутствуют нужные данные и в валидном виде.
Соблюдение этого правила сэкономит в будущем уйму времени и нервов.