Este profesor es muy bueno, va directo a los bifes no tarda. Otros profesores obvian que esto es mas avanzado y explican todo como para gente que no sabe programar nada tardan mucho dan vueltas. Mis felicitaciones a este profesor un capo
-
check_circle_outlineMódulo 1 | 4 clases
Introducción
expand_more -
check_circle_outlineMódulo 2 | 7 clases
JSX - Templates
expand_more -
check_circle_outlineMódulo 3 | 10 clases
Componentes
expand_more -
check_circle_outlineMódulo 4 | 3 clases
Formularios
expand_more -
check_circle_outlineMódulo 5 | 4 clases
Code splitting
expand_more -
check_circle_outlineMódulo 6 | 4 clases
React context
expand_more -
check_circle_outlineMódulo 7 | 3 clases
Cómo funciona React
expand_more -
check_circle_outlineMódulo 8 | 7 clases
Componentes de clase
expand_more -
check_circle_outlineMódulo 9.-
Examen del curso
expand_more-
done_all
Examen
Examen final del curso
-
6 comentario(s)
Modifiqué el componente Accordion para que cambie el texto del botón según la acción que vaya a hacer. No creo que sea la mejor forma pero es a lo que llegué:
const Accordion = () => { const messages = ["Mostrar formulario", "Esconder formulario"] const [show, setShow] = useState(false); const [text, setText] = useState(messages[Number(show)]);return( <div> <button onClick={()=>{ setShow(!show), setText(messages[Number(!show)]) }}> {text} </button> {show && <Form/>} </div> ) }
Creo que el uso de props para este ejercicio está de más.
En la sección donde se utiliza el hook useEffect
se pudo haber utilizado el equivalente a componentDidMount()
, cuando el segundo parámetro es un arreglo vacío:
useEffect(() => {
// Código a ejecutar cuando el componente carga
},[]);
Sería de esta manera porque cuando showed
cambia a true
el componente se carga, mientras que si está en false
, el componente se quita.
Para tener el comportamiento de toggle en Accordion es usar la negación de la variable show en el onClick, ej:
<button onClick={()=>setShow(!show)}>Motrar formulario</button>
Clase 21