useEffect 重新渲染的次数比我想要的多

Question

//获取方法：

import { useEffect, useState } from "react";

export const useFetch = (url) => {
  const [state, setState] = useState({ data: null });
  useEffect(() => {
    setState((state) => ({ data: state.data }));
    fetch(url)
      .then((res) => res.json())
      .then((json) => {
        setState({ data: json });
      });
  }, [url]);

  return state;
};


//My actual code:

function AdminDashboard() {
  const { data } = useFetch(
    //GET data

    "https://jsonplaceholder.typicode.com/posts"
  );
  console.log(data)

控制台打印我的数据 3 次。第一次和第二次打印空值，然后打印实际数据。