Question

我想一次循环打印一次，以打印video_title。但是此组件仅打印名字（流行电影）。组件类

class Main extends Component {
  constructor(props) {
    super(props);
  }
    render() {
      var items = this.props.items;
      console.log(items)
      let imgUrl = "https://hostname/t/p/original";
        return (
            <div className="container">      
                <MainTopBanner />
                {items && items.map((item, index) => {
                  var results = item.results;
                  return (
                    <div key={index} className="row text-center">
                      <h5>{item.videos_title}</h5>
                    </div>
                  );
                })}
            </div>
        );
    }
}

export default Main;

items是一个对象数组

console.log(items);
[{…}]
0: {page: 1, total_results: 10000, total_pages: 500, results: Array(20), videos_title: "Highest Rated Movies"}
1: {page: 1, total_results: 10000, total_pages: 500, results: Array(20), videos_title: "Popular Movies"}

Answer 1

您可能必须设置状态，然后从url中将数据提取到状态中，如下所示：。（this.setState（[values]：e.target.value），之后您可以映射状态

Refer this thread

具有对象数组的map函数仅在Reactjs中返回第一个值

1 个答案: