Componente

 1-INSTALAR REACT


6.13-41. Template Strings

3-jsx

4-ELEMENTO

 5-1-COMPONENTE





Comentarios

Publicar un comentario

Entradas más populares de este blog

6.5-4-Qué son las Props

Qué son las Props Son datos que se pasan de un  componente padre  a un  componente hijo . Las props son  inmutables  (el hijo no puede modificarlas directamente) y pueden ser de cualquier tipo: Strings, números, booleanos Arrays, objetos Funciones (para comunicación hijo → padre) Elementos React, componentes, etc. Permiten la comunicación entre componentes(Padre al hijo). Pueden ser de cualquier tipo: strings, números, arrays, objetos, funciones, etc. Ejemplo Básico jsx-cadena-entero // En el componente padre (App.js) function App ( ) { const userName = "Agustín Navarro" ; const age = 26 ; return ( < Saludar nombre = { userName } edad = { age } /> ) ; } // En el componente hijo (Saludar.js) function Saludar ( props ) { return ( < div > < h1 > Hola { props . nombre } </ h1 > < p > Edad: { props . edad } años </ p > </ div > ) ; } 🔹  ...
Leer más

7.1-Eventos en React

  Tutorial de Eventos en React para Principiantes ¡ Claro que puedo ayudarte! En este tutorial aprenderás sobre los eventos en React, incluyendo los eventos más comunes y especialmente los eventos para formularios como  onChange . ¿Qué son los eventos en React? Los eventos en React son similares a los eventos en el DOM estándar, pero con algunas diferencias sintácticas: Los nombres de eventos en React son camelCase (ej.  onClick  en lugar de  onclick ) Con JSX pasas una función como manejador del evento en lugar de un string Eventos Básicos 1. onClick El evento más común, se dispara cuando se hace clic en un elemento. jsx-onClick function App ( ) { const handleClick = ( ) => { alert ( '¡Hiciste clic!' ) ; } ; return ( < button onClick = { handleClick } > Haz clic aquí </ button > ) ; } 2. onSubmit Se usa principalmente en formularios cuando se envía el formulario. jsx-onSubmit function Form ( ) { co...
Leer más

6.12-0-3- Spread Operator

 Spread Operator en Props de React El  spread operator  ( ... ) es una herramienta poderosa en React que nos permite pasar múltiples  props  de manera más eficiente y limpia. ¡Veamos un ejemplo práctico! 🔹 ¿Cómo funciona? En lugar de pasar cada  prop  manualmente, podemos expandir un objeto directamente en las props del componente. Ejemplo sencillo: jsx-operator-objeto  // Definimos un objeto con las props const usuario = { nombre : "Ana" , edad : 25 , pais : "España" } ; // Pasamos todas las props de una vez usando ... function TarjetaUsuario ( props ) { return ( < div > < h2 > Nombre: { props . nombre } </ h2 > < p > Edad: { props . edad } </ p > < p > País: { props . pais } </ p > </ div > ) ; } // Uso del componente function App ( ) { return < TarjetaUsuario { ... usuario } /> ; } 🔹 Beneficios: ✅  Evita repetir ...
Leer más