javascript - 将数据传递给 react 中的另一个组件

Question

我正在开发一个用于显示一些电影信息的应用程序。 我对 react 还很陌生。我的 API 调用工作正常。

在我的 MovieCard.js 组件中，我可以访问我的标题、发行版等。

  render() {
    const {
      Title,
      Released,
      Genre,
      Plot,
      Year,
      Poster,
      imdbRating
    } = this.state.movieData;

    return <Formular />;
  }
} 

现在我有另一个名为 Formular 的组件。如何从 MovieCard 访问 Formular 中的数据？我很感谢任何提示!

谢谢。

Answer 1

render() {
    const {
      Title,
      Released,
      Genre,
      Plot,
      Year,
      Poster,
      imdbRating
    } = this.state.movieData;

    return <Formular Title={Title} Released={Released} ... />;
    // or <Formular {...this.state.movieData} />
    // but this implies you want to use everything and will always be the case no matter what new props you add
  }
}