PropTypes en React v15.5.0
PropTypes en React v15.5.0
¡INSCRÍBETE A CUALQUIER CURSO CON UN 50% DE DESCUENTO PARA NUEVOS CLIENTES!

En este tutorial vamos a ver las propTypes en React, es decir, una forma de darle tipo a nuestras propiedades, aquí más información.

Cuando creamos una clase con React haciendo uso del método createClass hay métodos y propiedades definidos que podemos utilizar para ajustar el comportamiento de nuestra clase.

Para este ejemplo vamos a ver 2, propTypes y getDefaultProps, propTypes nos permite establecer las propiedades de nuestra clase, y getDefaultProps asignar los valores por defecto.

De esta forma, podemos decirle a las propiedades de nuestro componente que tipo de dato debe contener, los siguientes son los comunes en React.

  • React.PropTypes.array
  • React.PropTypes.bool
  • React.PropTypes.func
  • React.PropTypes.number
  • React.PropTypes.object
  • React.PropTypes.string

Cada uno habla por si sólo, no hay mucho que decir, si la propiedad no contiene el valor que necesita aparecerá un warning en la consola mostrando el tipo de dato esperado.

PropTypes en React

Para nuestro ejemplo vamos a crear un archivos index.html y añade el siguiente código.


Esto es sólo una introducción a las PropTypes en React, te recomiendo y mucho leer su documentación, verás que puedes implementar tus propios validadores y mucho más.