tengo un select en reactjs que me trae una lista de mi api sin problemas pero necesito que al seleccionar un registro de mi select el valor "documento" que trae el registro me lo me lo muestre en un input:
https://codesandbox.io/s/quizzical-jasper-6j6rvl?file=/src/App.js:0-1020
este es el código que tengo pero no he logrado mostrar el valor del "documento" en un input:
import React, { useState, useEffect } from "react";
function App() {
const [t4t, setUniversidad] = useState([]);
useEffect(() => {
const interval = setInterval(() => {
const getcountry2 = async () => {
const req = await fetch(
`https://aliraweb.com/apiAlira2/cargar_empleados/nombre_trabajador.php?id_empresa_usuario=30`
);
const getres2 = await req.json();
setUniversidad(await getres2);
};
getcountry2();
}, 2000);
return () => setInterval(interval);
}, []);
return (
<div className="App">
<select
// name="t4"
className="form-select"
>
<option>--Seleccione --</option>
{t4t.map((getcon2) => (
<option key={getcon2.id} value={getcon2.name}>
{" "}
{getcon2.documento} - {getcon2.name}{" "}
</option>
))}
</select>
<br />
{/* <input type="text" value={getcon2.documento} />*/}
</div>
);
}
export default App;