Quiero tomar el título de la película cuando hago clic en el botón Agregar a favoritos en movieItem.js y quiero agregar mi estado en Favorites.js

 import React, { Component } from 'react'; import { store } from '../..'; import './MovieItem.css'; class MovieItem extends Component { render() { const { Title, Year, Poster } = this.props; console.log(this.props.Poster); return ( <article className="movie-item"> <img className="movie-item__poster" src={Poster} alt={Title} /> <div className="movie-item__info"> <h3 className="movie-item__title">{Title}&nbsp;({Year})</h3> <button onClick={()=>console.log(Title)} type="button" className="movie-item__add-button">Добавить в список</button> </div> </article> ); } } export default MovieItem;

Esa es mi película favorita.js

 import React, { Component } from 'react'; import './Favorites.css'; class Favorites extends Component { state = { title: '', movies: [ { imdbID: 'tt0068646', title: 'The Godfather', year: 1972 } ] } render() { return ( <div className="favorites"> <input value="Новый список" className="favorites__name" /> <ul className="favorites__list"> {this.state.movies.map((item) => { return <li key={item.id}>{item.title} ({item.year})</li>; })} </ul> <button type="button" className="favorites__save">Сохранить список</button> </div> ); } } export default Favorites;

Simplemente quiero tomar el título de Movie.js y agregarlo al estado que se colocó en favoriteMovie.js