时间戳

首页 > 解决方案 > 我被困在我的反应项目中如何从 API 访问名称元素，我已经给出了 API 的快照，我的代码如下，任何人都可以帮助我

javascript - 我被困在我的反应项目中如何从 API 访问名称元素，我已经给出了 API 的快照，我的代码如下，任何人都可以帮助我

问题描述

function Shop() {

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

  const [items, setItems] = useState([]);

  const fetchItems = async() => {
    const data = await fetch('https://fortnite-api.theapinetwork.com/upcoming/get');
    const items = await data.json();
    console.log(items.data);
    setItems(items.data);
  };

  return (
    <div>
      {items.map(item => (
        <h1>{item.name}</h1>
      ))}
    </div>
  );

我无法从 API 访问名称元素

*下面给出的控制台日志中的 API 快照 *] 1

标签： javascriptreactjs

解决方案

fetch("https://fortnite-api.theapinetwork.com/upcoming/get")
.then((res) => res.json())
.then((data) => {
    console.log(data.data[0].item.name)
    }

如需更多见解，请在此处查看我的沙箱：https ://codesandbox.io/s/pensive-haibt-i673h?file=/src/App.js:165-327

推荐阅读