Tengo una duda, ya se como puedo obtener los datos desde un componente padre a su hijo, pero no se como es de la manera inversa (de hijo a padre)
codigo padre:
import React from 'react'
import { DataFormCreate } from './includes/DataFormCreate'
export const FormCreate = () => {
return (
<div id="div-contests-create" className="bg-grey w-100">
<form action="" method="GET" encType="" id="formCreateContests">
<section className="bg-light py-3">
<div className="container">
<div className="row align-items-center">
<div className="col-9">
<h1 className="fw-bold mb-0"><span>Nombre</span></h1>
<p className="lead text-muted">Crear</p>
</div>
<div className="col-3">
<input className="btn btn-primary w-100 align-self-center" type="submit" value="Enviar concurso a revisión" />
</div>
</div>
</div>
</section>
<div id="div-overflow-auto">
<section className="bg-mix">
<div className="container">
<div className="row justify-content-evenly">
<DataFormCreate/>
</div>
</div>
</section>
</div>
</form>
</div>
)
}
componente hijo:
import React, { useState } from 'react'
export const DataFormCreate = () => {
const [nameContest, setNameContest] = useState('') //este dato quiero obtener en el padre
return (
<div className="card rounded bg-dark text-white col-8 mb-2">
<div className="card-body">
<div className="row justify-content-center">
<div className="col-12 my-2">
<h5>Datos</h5>
</div>
<div className="col-5 my-3">
<label>Nombre</label>
<input
type="text"
name="txt-name"
id="txt-name"
className="form-control"
onChange = { (e) => setNameContest(e.target.value) }
value= { nameContest }
/>
</div>
</div>
</div>
</div>
)
}