小编off*_*ton的帖子

我有一个名为 useFetch 的自定义钩子，它只是获取数据并返回它，在我的组件测试中，我想模拟这个钩子以返回一些假数据，我该怎么做呢？

import React, { useEffect, useState } from 'react';

export const useFetch = (url: string) => {
  const [data, setData] = useState();

  useEffect(() => {
    const fetchData = async () => {
      try {
        const res = await fetch(url);
        const json = await res.json();
        setData(json);
      } catch (error) {
        console.log(error);
      }
    };

    fetchData();
  }, [url]);

  return data;
};

const App = () => {
  const config = useFetch(`/api/url`);

  return (
    <div></div>
  );
};

export default App;

无论如何，我可以模拟 useFetch …