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

Question

I'm trying to map all the names in this object but I can't figure out how to access the array. How can i map an object that has multiple array values? Sorry if my question doesn't make sense.

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;

Answer 1

This will correct the issue
const [data, setData] = useState([]);