Creé un formulario con éxito para cambiar los datos del usuario, pero de alguna manera no puedo mostrar los datos del usuario ya guardados con el siguiente código. ¿Cómo puedo mostrar los datos de usuario almacenados para crear una buena vista de perfil? ¿Por qué lo siguiente no funciona a pesar de que utilicé el mismo método para editar el formulario dirigido al objeto {email}, etc.?

Acabo de notar las actualizaciones de información de usuario vacías en tiempo real cuando completo el formulario de cambio de información de usuario, pero no permanece allí después de actualizarlo o actualizarlo. Quiero que muestre los datos del usuario almacenados antes de la actualización antes de que el usuario realice un cambio.

 export function UserView() { const [username, setUsername] = useState(''); const [password, setPassword] = useState(''); const [birthday, setBirthday] = useState(''); const [email, setEmail] = useState(''); const [usernameErr, setUsernameErr] = useState(''); const [passwordErr, setPasswordErr] = useState(''); const [emailErr, setEmailErr] = useState(''); const token = localStorage.getItem('token'); const user = localStorage.getItem('user'); const validate = () => {... }; const getSiteUser = () => { axios .get(`https://...`, { headers: { Authorization: `Bearer ${token}` } }) .then((response) => { setUsername(response.data.Username); setUser(response.data) setEmail(response.data.Email); setBirthday(response.data.Birthday); console.log(response); }) .catch(function (error) { console.log(error) }); } useEffect(() => { getUser() }, []) return ( <Fragment> <h4> Your profile: </h4> <Card text='dark' className="user-form"> <Card.Body> <Card.Text>Username: {username}</Card.Text> <Card.Text>Email: {email}</Card.Text> <Card.Text>Birthday: {birthday}</Card.Text> <Card.Text>Password: {password}</Card.Text> </Card.Body> </Card> <h4> Edit your profile: </h4> <Form className="profile-form"> <Form.Group className="mb-3" controlId="username"> <Form.Label>Username</Form.Label> <Form.Control type="text" onChange={(e) => setUsername(e.target.value)} value={username} /> </Form.Group> </Form> </Fragment> ) }