コンポーネントまたは要素の正しいPropTypeは何ですか

Question

要素タイプを構成可能にするコンポーネントを作成しています。

const Col = ({ containerElement, children }) => { 
    return (
    <containerElement> 
     {children} 
    </containerElement> 
); 
}; 

Col.defaultProps = { 
    containerElement: 'div' 
}; 

コンテナ要素は、上記のdefaultPropsのようにすることも、コンポーネントにすることもできます。

Col.propTypes = { 
    className: PropTypes.string, 
    containerElement: PropTypes.oneOf([ 
    PropTypes.string, 
    PropTypes.element 
    ]), 

をしかし、それは正しく検証しない：

<Col containerElement={<MyComponent} /> 

私が検証するpropTypesを得ることができない、私はこれを試してみました。

警告：失敗しましたpropType：Colに供給された値div の無効な小道具componentClass、

Answer 1

あなたのコンポーネントに定義されたcomponentClass性質を持っていない - あなたの小道具をcontainerElementと呼ばれ、あなたはoneOfTypeを使用する必要があります：

Col.propTypes = { 
    className: PropTypes.string, 
    containerElement: PropTypes.oneOfType([ 
    PropTypes.string, 
    PropTypes.element 
    ])