No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Propiedades entre componentes: props

10/16
Recursos

Aportes 10

Preguntas 0

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

o inicia sesión.

prop-types nos ayuda para el control de las props y poner valores por defecto

yarn add prop-types
import React from 'react'
import PropTypes from 'prop-types'


const Saludar = props => {
    const {name} = props
    return (
        <Text>
            Hola {name}
        </Text>
    )
}

Saludar.propTypes = {
    name: PropTypes.string
}
Saludar.defaultProps = {
    name: 'Mundo'
}

export default Saludar

una forma mas fácil de obtener los props:

import { Text, View } from 'react-native';

const Saludar = ({ user }) => {
    return (
        <View>
            <Text>
                Hola  {user}
            </Text>
        </View>
    );
}

export default Saludar;

Desde Vscode puedes probar escribiendo rnfe y esto te crea toda la estructura de un componente

import { View, Text } from 'react-native'
import React from 'react'

const Saludar = () => {
  return (
    <View>
      <Text>Saludar</Text>
    </View>
  )
}

export default Saludar

Superinteresante lo fácil que es con un par de líneas de código lograr tanto dinamismo dentro de nuestra aplicación. Generalmente, programaba sin un Framework (puro JS) y esto ayuda a reducir mucho tiempo y estandarizar el producto final.

Ya somos props

😃

// Librerias
import React from "react";
import { Text } from "react-native";

/**
 * Descripción: La descripción de por qué estamos haciendo este componente y que resuelve.
 */

const Saludar = ({ name, lastName }) => {
  return (
    <>
      <Text>{`Hola ${name} ${lastName}`}</Text>
    </>
  );
};

export default Saludar;

El curso esta desactualizado , varias de los temas no se pueden seguir como van en los videos

Este curso me hizo Props!

esto de los props me parecio igual que en react js