function Profile() { const [userId, setUserId] = useState(localStorage.getItem("user_id")) const [fname, setFname] = useState() const instance = axios.create({baseURL: server}); useEffect( ()=> { const getUserValues = async () => { const response = await instance.get( `Users?id=${userId}` ) setFname(response.data[0].fname) console.log(response.data[0].lname) } getUserValues(); },[]) const editValues = { firstname: fname, }; const [editUserValue, setEditValue] = useState(editValues); console.log(fname) return( <input className="form-control" type="text" name="firstname" value={editUserValue.firstname} )

Tengo problemas para que mis valores de edición se muestren en la entrada debido a la representación que tiene la reacción en el estado de uso. En el archivo console.log (fname), obtengo primero un registro de consola indefinido y luego otro del valor que se necesita. Pero no puedo obtener ese valor para mostrar en la entrada.

Editvalues debe tomar el valor actualizado, pero editvalues solo toma los datos no actualizados.

¿Alguna sugerencia?