如何在React中驗證Prop的類及其字段的類（嵌套對象）？

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."); 
     } 
    } 
};