我正在尝试在我的 react redux 应用程序中使用 map。 但使用useDispatch后，控制台显示错误

Question

我正在开发一个应用程序，但我在控制台中遇到错误。 我正在发送错误图片以及导致错误的代码。 谁能告诉我是什么导致了这个问题？

import React from 'react';
import { useSelector, shallowEqual } from 'react-redux';
import AddBook from './form';
import SingleBook from './singleBook';


const DisplayBooks = () => {
  const books = useSelector((state) => state.booksArray, shallowEqual);

  return (
    <div className="book-list">
      {books.map((book) => <SingleBook key={book.id} title={book.title} author={book.author} />)}
      <AddBook />
    </div>
  )
};

export default DisplayBooks;

下面我粘贴了控制台图像。

控制台的图像

Answer 1

我认为这行代码导致了问题

const books = useSelector((state) => state.booksArray, shallowEqual)

改成，

const books = useSelector((state) => state.booksArray)
console.log(books) -> to check whether the books is an array or not