Hay un padre y un hijo (componente) Quiero obtener los valores del hijo al padre, lanzo las funciones en el componente, en el hijo escribí el objetivo de retorno del valor de la entrada
padre
const [m, setM] = useState("") const me = (m) => { setM(m) console.log(m) } const [dey, setD] = useState("") const de = (dey) => { setD(dey) } const [y, setY] = useState("") const ye = (y) => { setY(y) }su componente se conecta en jsx
<CustomSelect className="flex-1" btnClass="inp" checkedOpt={dey} options={d} de={de} /> <CustomSelect className="flex-1 ms-2 ms-xxl-4" btnClass="inp" checkedOpt={m} options={month} me={me} /> <CustomSelect className="flex-1 ms-2 ms-xxl-4" btnClass="inp" checkedOpt={y} options={years} ye={ye} />niño
const handleChange = (e) => { props.de(e.target.value); props.me(e.target.value); props.ye(e.target.value); }jsx
<input type="radio" name="type" value={item} checked={(item === props.checkedOpt)} onChange={handleChange} />Dado que props.me no se pasa a todos los componentes, solo tiene que verificar si se pasa como función:
const handleChange = (e) => { props.de?.(e.target.value); props.me?.(e.target.value); props.ye?.(e.target.value); }