Javascript 如何访问React中的API对象属性？

使用React访问对象时遇到问题。该对象是使用tMDB API生成的。一旦我可以访问对象，我希望将ID道具传递给子组件

主页：

import React, {Component} from 'react'
import Movie from '../components/Movie'
import '../index.css'

class Home extends Component{

  constructor(props) {
    super(props)
    this.state = {
      movie: [],
    }
  }

  componentDidMount() {
    this.fetchData()
  }

  fetchData(){
    fetch('https://api.themoviedb.org/3/movie/now_playing?api_key=17c21a1abd8ae7be6ee8986389011906')
      .then(response=> response.json())
      .then( ({results: movie}) => this.setState({movie}))
  }

  render() {

    console.log(this.state.movie[1].id);

    return(
        <div className="main">
          <div>

         </div>
        </div>
    )
  }
}

export default Home

---

您必须验证电影是否为空，因为api调用需要一些时间才能获得响应。请记住，每次使用setState修改状态时，react都会重新加载组件

render() {
    if (this.state.movie.length === 0) {
     return (<div>Loading data...</div>)
    }

    console.log(this.state.movie[1].id);

    return(
        <div className="main">
          <div>

         </div>
        </div>
    )
  }

render（）{
if（this.state.movie.length==0）{
返回（加载数据…）
}
console.log（this.state.movie[1].id）；
返回(
)
}

render() {
    if (this.state.movie.length === 0) {
     return (<div>Loading data...</div>)
    }

    console.log(this.state.movie[1].id);

    return(
        <div className="main">
          <div>

         </div>
        </div>
    )
  }