小编Vic*_*ona的帖子

我正在使用 React 学习 Hooks，我正在尝试对 API 进行简单的获取，然后我尝试将该数据保存在 Hook 中，但对我来说这是不可能的。

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

function useDogs() {
  const [dogs, setDogs] = useState({
    data: {}
  });

  useEffect(() => {
    const fectData = async () => {
      const data = await fetch("https://dog.ceo/api/breeds/image/random");
      setDogs({ data: data.url });
      console.log(data.url);
    };
    fectData();
  }, []);
}

function Dogs() {
  const dogs = useDogs();
  console.log("dogs", dogs);
  return <ul>{dogs} dogy</ul>;
}

export default Dogs;

在组件 Dogs() 中，我将狗定义为未定义