Почему не приходит значение в useState?

Question

[bzotsss]

У меня есть кастомный хук useApiData
вот его код :

import { useState, useEffect } from "react";
import { useDispatch } from "react-redux";
import { getPageCountAC } from "../redux/mainPageReducer";
import { getUsersAC } from "../redux/mainPageReducer";

export const useApiData = () => {
  const dispatch = useDispatch()
  const [data, setData] = useState([]);
  const [isLoading, setIsLoading] = useState(true);
  const [isError, setIsError] = useState(false);
  const [results,setResults] = useState([])

  useEffect(() => {
    const getApiData = async () => {
      try {
        setIsLoading(true);
        const response = await fetch("https://itrex-react-lab-files.s3.eu-central-1.amazonaws.com/react-test-api.json");
        const results = await response.json();
        if (response.status!==200) {
          throw new Error('Error');
        }
        setData(results);
        setResults(results)
        dispatch(getUsersAC(results))
        dispatch(getPageCountAC(results.length))
      } catch (e) {
        setIsLoading(false);
        setIsError(false);
      } finally {
        setIsLoading(false);
      }
    };
    getApiData();
  }, []);
  return {
    data,
    isLoading,
    isError,
    setData,
    results
  };
};

я получаю из него данные через useApiData таким образом :

const users = useApiData();
  const [userss, setUserss] = useState(users.data);

Значение в users есть но при этом оно не сетается в useState в чём может быть проблема ? Как пофиксить ? А точнее что я не понимаю и делаю не так?

Answer 1

[Alexandroppolus]

Всё то же самое, как и здесь https://qna.habr.com/q/1041970

конкретно в данном случае const [userss, setUserss] = useState(users.data); выглядит как лишний, ведь можно пользоваться тем же самым users. setData, то есть стейт уже есть

Comments

[bzotsss]

А как я его могу туда положить (не пустое значение в useState , а уже с данными . может как то через useEffect можно )? Знаю что лишнее и можно сделать так как вы сказали , но я хочу понять уже наконецто что я делаю не так .

[WbICHA]

bzotsss, в смысле как? Ты же setData передаёшь.

[bzotsss]

WbICHA, Так при помощи setData я как-раз таки устанавливаю данные для хука useApiData , а я хочу получить данные из этого хука при помощи useState , но вместо данных приходит пустой массив , а если просто пихать данные из useApiData в переменную то всё окей . Тобеж проблема в useState а точнее в моём не понимании как туда 'запихнуть' данные

[WbICHA]

bzotsss, ты об этом?

const users = useApiData();

const [userss, setUserss] = useState([]);

useEffect(() => {
  setUserss(users.data);
}, [users.data]);

[bzotsss]

WbICHA, да,спасибо большое . то чувство когда знаю хук useEffect но не могу его применить ....