Propのクラスとそれのクラス（ネストされたオブジェクト）のクラスをReactで検証する方法は？

Question

私はこのようなクラスがあります。

class ResponseState() { 
    constructor(data) { 
     this.data = data; 
    } 
} 

今私は小道具がこの型であることを検証することができた：

Container.propTypes = { 
    myProp: PropTypes.instanceOf(ResponseState).isRequired, 
}; 

これは正常に動作しますが、どのように私もmyProp.dataのタイプを検証することができます？ PropTypes.shapeを使用すると、myProp自体をチェックすることはできません。

類似の質問hereがありますが、この正確な問題に対する答えはあまりありません。

Answer 1

PropTypesの結合フォームは表示されません。

カスタムバリデータを使用することができます。

Container.propTypes = { 
    myProp: function(props, propName, componentName) { 
     if (!propName in props) { 
     return new Error(propName + " is required"); 
     } 
     const value = props[propName]; 
     if (!(value instanceof ResponseState)) { 
     return new Error(propName + " must be an instance of ResponseState"); 
     } 
     if (/*...validate value.data here ...*/) { 
     return new Error(propName + " must have etc. etc."); 
     } 
    } 
};