Soy nuevo en React y estoy trabajando en un proyecto de CV. Tengo la siguiente situación: PersonalData.js (hijo) que maneja un formulario actualizando dinámicamente el estado del componente. App.js(principal) contiene la función eventHandler que se pasa a PersonalData como accesorio:

 <Route path="/" exact element={<PersonalData onChange={this.eventHandler}/>} />

En el lado del niño, uso el accesorio de la siguiente manera cuando hago clic en el botón Enviar:

 handleSubmit = (e) => { e.preventDefault(); this.props.onChange(this.state) };

Volviendo al componente principal, eventHandler se ve así:

 eventHandler = (data) =>{ console.log(data.firstName) this.setState({ firstName: data.firstName, lastName: data.lastName, age: data.age, location: data.location, email: data.email, phone: data.phone, gender: data.gender, }) console.log(this.state); }

el primer archivo console.log muestra el valor, pero después de actualizar el estado del componente principal, en el segundo archivo console.log, el estado está vacío. No puedo entender lo que me estoy perdiendo.