时间戳

首页 > 解决方案 > 如何使用 useEffect 获取数据？

reactjs - 如何使用 useEffect 获取数据？

问题描述

我在获取数据时遇到问题，但我不知道是什么问题。请看下面的代码

import React from 'react'

const App = () => {

  const [avatar, setAvatar] = React.useState([]);

  React.useEffect(() => {
   
    fetch("https://jsonplaceholder.typicode.com/users")
      .then((response) => response.json())
      .then((data) => setAvatar(data.name))
      .catch((error) => console.error("Error fetching data: ", error));
  }, []);

  return <div> 

      {avatar.map(item => (
        <p> {item.name} </p>
      ))}

     </div>;
};

export default App;

谢谢！

标签： reactjsuse-effect

解决方案

现在您忘记了在 App.js 文件中的导入

import React from 'react';

而且看起来您获取的数据甚至没有提供图像链接。如果您只想要名称，那么您将使用data[0].name或类似的名称，因为获取的数据解析为对象数组。

推荐阅读