javascript - 在 React 中读取对象数组返回一个对象

Question

在这个沙箱中有一个books.js包含对象数组的文件，该文件被导出然后以components/BookList.js. 我假设books会按原样（对象数组）导入，但实际上它是一个对象。因此，作者曾经const bookList = Object.values(books)得到一个可以迭代的数组map。

为什么books导入后没有数组？的内容books.js，导入的方式BookList.js，或者它应该是这样的，有什么问题吗？

标签： javascriptreactjs

Answer 1

它是一个数组，正是您使用的代码和框使它看起来像一个对象。

import React from "react";
import Book from "./Book";
import { books } from "../books";

const BookList = () => {
  return (
    <section>
      {books.map((book) => (
        <article key={`${book.title}.toLowerCase().split(" ").join("-")}`}>
          <Book
            title={book.title}
            author={book.author}
            image={book.imageLink}
            altText={book.title}
          />
        </article>
      ))}
    </section>
  );
};

export default BookList;