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.