← Volver al inicio

Preguntas típicas de React.js

Intermedio

¿Cómo puedo validar las propiedades de un array con PropTypes?

Para validar las propiedades de un array que se pasa como prop, podemos usar la propiedad arrayOf de PropTypes:

import PropTypes from "prop-types"

function App({ items }) {
  return (
    <ul>
      {items.map((item) => (
        <li key={item.text}>{item.text}</li>
      ))}
    </ul>
  )
}

App.propTypes = {
  items: PropTypes.arrayOf(
    PropTypes.shape({
      text: PropTypes.string.isRequired,
    })
  ).isRequired,
}

En este caso estamos validando que items sea un array y que cada uno de sus elementos sea un objeto con la propiedad text de tipo string. Además, la prop es obligatoria.