无法读取空属性(读取'useState')

Question

我试图创建一个自定义钩子来执行api请求，但是我得到了这个错误：

TypeError: Cannot read properties of null (reading 'useState')

这是密码

import { useEffect, useState } from 'react';

export const useFetch = (path) => {
  const [data, setData] = useState();

  const fetchData = async () => {
    try {
      const response = await fetch(`http://localhost:3000/api/${path}`);
      const { data } = await response.json();
      setData(data);
    } catch (error) {
      console.log(error);
    }
  };

  useEffect(() => {
    fetchData();
  }, []);

  return {
    data,
  };
};

下一版本

"next": "12.2.5"
"react": "18.2.0",
"react-dom": "18.2.0",

Answer 1

因为您已经清除了setState，所以您应该写：

const data，setData =useState()；