javascript - ReactJS 抛出 "map"未定义错误

Question

我对 JavaScript 不太熟悉，但必须为我当前的项目在 ReactJS 中实现一个表。在下面的部分，我收到一个错误: map 未定义。我做了一些错误研究，但在这里或谷歌上找不到令人满意的答案。

   render() {
        const { hits } = this.props
        return (
            <div style={{width: '100%', boxSizing: 'border-box', padding: 8}}>
                <table className="sk-table sk-table-striped" style={{width: '100%', boxSizing: 'border-box'}}>
                    <thead>
                        <tr>
                            <th>Title</th>
                            <th>Author</th>
                            <th>Keywords</th>
                        </tr>
                    </thead>
                    <tbody>
            {map(hits, hit => (
              <tr key={hit._id}>
                <td>{hit._source.title}</td>
                <td>{hit._source.year}</td>
                <td>{hit._source.imdbRating}</td>
              </tr>
            ))}
          </tbody>
                </table>
            </div>
        )
    }

有人能指出我正确的方向吗？

Answer 1

您必须对在顶部创建的命中常量使用映射函数。像这样:

{hits.map(hit => (
  <tr key={hit._id}>
    <td>{hit._source.title}</td>
    <td>{hit._source.year}</td>
    <td>{hit._source.imdbRating}</td>
  </tr>
))}