将数据传递给其他组件

Question

我正在开发一个用于显示一些电影信息的应用程序。 我是新来的人。 我的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
  }
}