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