The covid-19-with-hooks from tuture-dev

tuture-dev / covid-19-with-hooks Goto Github PK

View Code? Open in Web Editor NEW

《用动画和实战打开 React Hooks》系列源码

HTML 10.56% CSS 4.52% JavaScript 84.92%

covid-19-with-hooks's People

Stargazers

Watchers

covid-19-with-hooks's Issues

hooks（一）问题

第一篇的实战，CountriesChart组件在第一次渲染的时候获取到的data值是[].

代码运行起来后，控制台飘红（已解决）

我对代码的修改也没什么头绪，目前怀疑是函数useCoronaAPI每次调用的结果都又触发了该函数的调用，导致了反复请求的发生。但不懂具体该如何修改


export function useCoronaAPI(
  path,
  { initialData = null, converter = (data) => data, refetchInterval = null }
) {
  const [data, setData] = useState(initialData);
  const convertData = useCallback(converter, [converter]);

  useEffect(() => {
    const fetchData = async () => {
      const response = await fetch(`${BASE_URL}${path}`);
      const data = await response.json();
      setData(convertData(data));
    };
    fetchData();

    if (refetchInterval) {
      const intervalId = setInterval(fetchData, refetchInterval);
      return () => clearInterval(intervalId);
    }
  }, [convertData, path, refetchInterval]);

Recommend Projects