pass data to another component in react

Question

I am working on an App for showing some movie infos. I am pretty new to react. My API call is working fine.

in my MovieCard.js component I can access my Title, Release etc.

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

    return <Formular />;
  }
}

Now I have another component called Formular. How can I access my data from MovieCard to Formular? I am thankful for any hints!

Thanks.

reactjs.org/docs/components-and-props.html

keikai
– keikai

2020-03-16 14:33:29 +00:00
Commented Mar 16, 2020 at 14:33 — keikai
– keikai, Commented Mar 16, 2020 at 14:33

Nicolas SEPTIER · Accepted Answer · 2020-03-16 14:43:46Z

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

answered Mar 16, 2020 at 14:43

Nicolas SEPTIER

9811 gold badge10 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

pass data to another component in react

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related