Tengo una clase con formulario y quiero pasar los datos ingresados al siguiente archivo jsx =>

Aquí está la clase ("remitente")

 import React from 'react' import Button from './Button'; class Sender extends React.Component { constructor() { super(); this.state = { imie: '', }; this.redirect = this.redirect.bind(this); this.handleChange = this.handleChange.bind(this); } handleChange({ target }) { this.setState({ [target.name]: target.value }); } getData(){ const sendData = [ { name: this.state.name } ] } render() { return ( <div className="order-wrapper"> <div className="order"> <div className="order-box"> <label htmlFor="name">Imie: </label> <input type="text" name="name" id="name" value={ this.state.name } onChange={ this.handleChange } /> </div> <div className="order-box"> <Button type="submit" value="Zamów" className="zamowbtn" onClick={this.redirect} /> </div> </div> </div> </div> ) } } export default Sender

Desde esta clase, quiero enviar el valor del name que se encuentra en la función getData() .

Necesito ese valor en el archivo .jsx a continuación y lo muestro en console.log(). ¿Cómo hacerlo? Por favor, ayúdame:)

 import React from 'react' import Sender from './Sender' const Finish = () => { return ( <div> { /* Here i need my 'name' value from Sender Class */ } </div> ) } export default Finish