Conversation
Agregar estado y funciones de manejo de errores al componente de inicio de sesión
francosang
had a problem deploying
to
github-pages
GitHub Actions
Failure
| console.log(window); | ||
| console.log(window.localStorage); | ||
|
|
||
| window.location.href = "/EstructuraDePerfil/1"; |
There was a problem hiding this comment.
La navegacion se hace con el hook, creo que se llamaba useNavigate() o algo asi.
Similar a como hiciste en otras paginas.
There was a problem hiding this comment.
@JLeonN la navegación se hace así:
Antes que nada, acordate SIEMPRE de buscar ejemplos en el codigo.
Es decir, siempre que tengas que hacer algo, busca cosas similares en el codigo.
Pensá que otras cosas iguales o parecidas pueden existir.
Por ejemplo, ya habias hecho ejemplos de navegacion cuando vas del participante a la lista del titulo, o cuando hay un error.
navegar("/")
frontend/src/API/Api.js
Outdated
|
|
||
| // ----Login: | ||
| // Usuario y contraseña 🔐 | ||
| export async function InicioSesion(sesion) { |
There was a problem hiding this comment.
Has programado 285647425 funciones, todas esmpiezan con minuscula y deben ser verbos o acciones.
Cambiar a inicarSesion.
| const [errorInicioSesion, setInicioSesion] = useState(false); | ||
| const navegar = useNavigate(); | ||
|
|
||
| const IniciarSesion = async () => { |
There was a problem hiding this comment.
Igual que mi comentario antrerior, debe empezar en minuscula y que la primera palabra sea un verbo.
| // Tareas pendiente | ||
| // 1 navegar al inicio | ||
| // 2 guardar el token en la sesion ? buscar |
There was a problem hiding this comment.
Borrar estos comentarios.
| // value={email} | ||
| // onChange={(e) => setEmail(e.target.value)} |
There was a problem hiding this comment.
Esto esta sin terminar.
| // value={contraseña} | ||
| // onChange={(e) => setContraseña(e.target.value)} |
There was a problem hiding this comment.
Esto esta sin terminar.
| <button | ||
| type="button" | ||
| className="btn btn-dark" | ||
| // onClick={IniciarSesion} |
| @@ -0,0 +1,56 @@ | |||
| import { Link } from "react-router-dom"; | |||
|
|
|||
| const Registro = () => { | |||
There was a problem hiding this comment.
Si te sirve de ayuda, acordate de estas preguntas:
// Que muestra mi pantalla?
// -
//
// Variables del estado:
// -
//
// Acciones de la pantalla:
// -
//
// Pasos:
// 1. declarar los estados
// 2. asociar los estado al HTML
// 3. hacer una funcion para cada accion
No description provided.