时间戳

首页 > 解决方案 > 与 Axios 反应无法将数组映射到列表

javascript - 与 Axios 反应无法将数组映射到列表

问题描述

我正在尝试映射此对象中的所有名称，但我不知道如何访问该数组。如何映射具有多个数组值的对象？对不起，如果我的问题没有意义。

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

const ApiTest = (props) => {
  const [data, setData] = useState({ name: [] });

  useEffect(() => {
    const fetchData = async () => {
      const result = await axios("https://jsonplaceholder.typicode.com/users");

      setData(result.data);
      console.log(typeof result.data);
      console.log(result.data);
    };

    fetchData();
  }, []);

  return (
    <ul>
      {data.map((item) => (
        <li key={item.id}>
          <a>{item.name}</a>
        </li>
      ))}
    </ul>
  );
};

export default ApiTest;

标签： javascriptreactjsaxios

解决方案

这将纠正问题
const [data, setData] = useState([]);

推荐阅读