Dado um componente simples que gera seus filhos:
class ContainerComponent extends Component {
static propTypes = {
children: PropTypes.object.isRequired,
}
render() {
return (
<div>
{this.props.children}
</div>
);
}
}
export default ContainerComponent;
Pergunta: Qual deve ser o propType das crianças prop?
Quando eu o defino como objeto, ele falha quando uso o componente com vários filhos:
<ContainerComponent>
<div>1</div>
<div>2</div>
</ContainerComponent>
Aviso: Tipo de suporte com falha: suporte inválido
children
do tipoarray
fornecido paraContainerComponent
, esperadoobject
.
Se eu defini-lo como uma matriz, ele falhará se eu der apenas um filho, ou seja:
<ContainerComponent>
<div>1</div>
</ContainerComponent>
Aviso: Tipo de suporte com falha: filhos de objetos inválidos do objeto de tipo fornecidos ao ContainerComponent, matriz esperada.
Por favor, informe, eu não deveria me incomodar em fazer uma verificação de propTypes para elementos child?
node