**已关闭。**此问题为not reproducible or was caused by typos。当前不接受答案。

这个问题是由一个错字或一个无法再复制的问题引起的。虽然类似的问题可能是on-topic在这里，但这个问题的解决方式不太可能帮助未来的读者。
2天前关闭。
Improve this question
请解决这个问题，我无法找到错误，我已经在节点中创建了一个后端，其工作正常，结果也显示在控制台中。现在我只想在前端以卡片的形式显示结果。但我无法使用Map功能获取数据。

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

const URL = "http://localhost:5000/books";

const fetchHandler = async () => {
  return await axios.get(URL).then((res) => res.data);
};

const Books = () => {
  const [books, setBooks] = useState();

  useEffect(() => {
    fetchHandler().then((data) => setBooks(data));
  }, []);
  console.log(books);
  return (
    <>
      <ul>
        {books?.map((book, i) =>  (
          <div key = {i}>
            <Book book={book} />
          </div>
        ))}
      </ul>
      all books present
    </>
  );
};

export default Books;

我期待在前端的图书信息的结果，但它显示错误的控制台关于Map功能，我已经尝试使用this.book?.map然后MapMap错误被删除，一个新的错误说，无法读取属性的未定义（阅读'图书'）