reactjs - 为什么我的 renderTitles 函数不使用地图呈现列表？

Question

我的函数 renderTitles 应该从我从 API 获得的数组中输出许多带有标题的引导卡。我之前测试过，数组和它的所有数据都在那里。问题是当我调用 renderTitles 函数时它不输出任何内容。

我尝试了许多地图功能示例，但都没有奏效

renderTitles = () => {
  return this.state.popularMovies.map(t => {
    return (
      <div class="container">
        <div class="card" style={{ width: "12rem" }}>
          <div class="card-body">
            <img
              class="card-img-top"
              src="http://image.tmdb.org/t/p/w342/iflq7ZJfso6WC7gk9l1tD3unWK.jpg"
            />
            <h5 class="card-title">t.title</h5>
          </div>
        </div>
      </div>
    );
  });
};

预计会输出引导卡内的所有标题，每个标题都有一个标题。

标签： reactjs

Answer 1

尝试包装您要打印的数据，{}例如：

<h5 class="card-title">
    {t.title}
</h5>

另外：当你调用你的renderTitles函数时，确保它也被包裹起来{}：

<div class="all-my-titles">
    {this.renderTitles()}
</div>