Validación de props en React

Validar los props

Una buena practica a la hora de desarrollar es validar los valores que recibimos, esto nos ayuda a minimizar los errores y ayuda en la pruebas unitarias, en este caso React no es la exención.

En este caso te mostrare una breve muestra de como validar las props.

prop-types docs

Lo primero que tendremos que haces es instalar e importar la dependencia prop-types

• Instalar la dependencia

npm install prop-types

• Importar dependencia

import PropTypes from 'prop-types';

• Validar Props
  Ahora ya en nuestro archivo js donde se encuentra nuestro componente justo antes de exportar el componente

Layout.propTypes = {
  my_prop: PropTypes.string.isRequired
};

• Establecer valores por defecto
  si necesitamos agregar valores por defecto a los props podemos usar

Layout.defaultProps = {
  my_prop: "default value"
};

😉

Espero que les sirva, y que me entendieran 😊