在反应中将数据传递给另一个组件

Question

我正在开发一个用于显示一些电影信息的应用程序。 我很新来反应。 我的 API 调用工作正常。

在我的 MovieCard.js 组件中，我可以访问我的 Title、Release 等。

  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
  }
}