Props
Esta página fue traducida por PageTurner AI (beta). No está respaldada oficialmente por el proyecto. ¿Encontraste un error? Reportar problema →
La mayoría de componentes pueden personalizarse al crearse mediante diferentes parámetros. Estos parámetros se denominan props, abreviatura de propiedades.
Por ejemplo, un componente básico de React Native es Image. Al crear una imagen, puedes usar una prop llamada source para controlar qué imagen muestra.
Observa las llaves que rodean {pic}: estas incrustan la variable pic en JSX. Puedes colocar cualquier expresión JavaScript dentro de llaves en JSX.
Tus propios componentes también pueden usar props. Esto permite crear un único componente que se utilice en múltiples lugares de tu aplicación, con propiedades ligeramente diferentes en cada caso, haciendo referencia a props en tu función render. Aquí tienes un ejemplo:
- TypeScript
- JavaScript
Usar name como prop nos permite personalizar el componente Greeting, facilitando su reutilización para cada saludo. Este ejemplo también utiliza Greeting en JSX, similar a los Componentes Principales. Esta capacidad es lo que hace a React tan potente: si deseas trabajar con un conjunto diferente de primitivas de UI, puedes crear nuevas.
El otro elemento nuevo aquí es el componente View. Un View resulta útil como contenedor para otros componentes, ayudando a controlar el estilo y el diseño.
Con props y los componentes básicos Text, Image y View, puedes construir gran variedad de pantallas estáticas. Para aprender a hacer que tu aplicación cambie con el tiempo, necesitas aprender sobre State.