No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Cambiando modales por navegaci贸n

22/30
Recursos

Aportes 5

Preguntas 2

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

umm, mi lado radical elimin贸 todo lo que ten铆a delineado amarillo, pero mi lado prudente hizo commit antes de eso.

隆Hola, comunidad! 馃憢

馃憖 Yo cree un div que encierre o agrupe el formulario para poder centrarlo, ya que si lo hacemos de la forma normal con el margin auto, en responsive se rompe un poco la ui

const NewPage = () => {
  return (
    <div className='new-todo-container'>
      <TodoForm
        title="Write your new TODO"
        submitText="Add"
        submitEvent={() => console.log('llamar a add todo')}
      />
    </div>
  )
}

Y el css

.new-todo-container{
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

Espero les sirva.

Saludos.

Yo el bot贸n de CreateTodo lo cambiar铆a por un componente Link.
Esto dice la documentaci贸n 馃憞:

Adem谩s, un componente Link es una etiqueta <a href=""> por detr谩s, lo cual es necesario para tener un buen SEO.
.
Es el equivalente a usar un <button> en vez de un <a> para cambiar de URLs en HTML puro.

Una alternativa a la funcionalidad creada en la clase para los textos dinamicos, es usar el hook de React Router DOM 鈥榰seLocation鈥 que devuelve la ruta actualmente usada y con esto hacer la validaci贸n necesaria.

Creo que as铆, nos evitamos el tener que mandar props adicionales.

const location = useLocation();
<label>{(location.pathname === '/new') ? 'Escribe tu TODO' : 'Edita tu TODO'}</label>

ser铆a bueno haber dejado el modal como para no perder la funcionalidad de los portales y hacer el edit en una nueva ventana