Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

Validación de propiedades: propTypes

12/16
Recursos

Aportes 3

Preguntas 1

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

Nuevamente por acá jeje.
Les comparto un pequeño ejemplo en el caso de que utilicen TypeScript como Lenguaje en su proyecto de Expo o RN CLI.

Utilizar TypeScript les permitirá manejar los errores antes de que aparezcan en consola o en la propia View de sus aplicaciones. Esto lo lograrán utilizando Interfaces.

  1. Función tradicional con desestructuración de Props.
import React from 'react'
import { View, Text } from 'react-native'

interface Props {
  firstname?: string, //Propiedad opcional
  lastname: string,
}

export default function AppScreen({firstname='Pepa', lastname}:Props) {
  return (
    <View>
      <Text style={{fontSize: 20, color: 'black'}}>
        Hola, me llamo: {firstname} {lastname} 
      </Text>
    </View>
  )
}
  1. Functional component con defaultProps
import React from 'react'
import { View, Text } from 'react-native'

interface Props {
  firstname?: string, //Propiedad opcional
  lastname: string,
}

export const AppScreen = (props:Props) => {

  const {firstname, lastname} = props;

  return (
    <View>
      <Text style={{fontSize: 20, color: 'black'}}>
        Hola, me llamo: {firstname} {lastname} 
      </Text>
    </View>
  )
}

AppScreen.defaultProps = {
  firstName: 'La pepa'
}

En vez de usar proptypes, recomiendo fuertemente aprender bien TypeScript y usarlo con toda la potencia que da. De todas maneras como primer paso usar proptypes no está mal

La validación de tipos es, en esencia, una primera capa básica de testing que toda app debería tener 😃