Question

正在研究React书架项目，当前正在使用搜索功能，该应用程序会很好地列出这些书，但是当我搜索下面的代码时，为什么当我尝试搜索时这是未定义的？

列出的项目/代码here

TypeError: Cannot read property 'map' of undefined
Books.render
src/utils/Books.js:15

  14 |   <ol className="books-grid">
> 15 |         {this.props.books.map((book) => (
  16 |           <li key={book.id}>
  17 |           <div className='book'>
  18 |             <div className='book-top'>

Answer 1

这似乎是书籍未定义。您可以安慰它，以确保不是。您也可以像这样在地图前放置支票

<ol className="books-grid">
    {this.props.books && this.props.books.map((book) => (
     <li key={book.id}>
     <div className='book'>
      <div className='book-top'>

React Map函数有效，但是调用API时会中断

1 个答案: