为什么我在指定他们错误的时候会得到这些React PropType错误？

Question

我有一个编辑表单组件，它与Apollo Client和Redux-Form连线，并且我还安装了prop-types。

我记得随着时间的推移，第三方库有时会抛出这些消息，如果他们缺少proptypes，或者我的某些父组件不正确使用prop-types。

虽然我不知道该在哪里寻找或者为什么，但是我很难推理它。

这里是错误的截图，一个来自Apollo，一个来自Redux-Form：

但是，

我对这个观点宣称道具类型：

PersonEdit.propTypes = { 
    ... ✂ 
    client: PropTypes.shape(PropTypes.any), 
    initialValues: PropTypes.shape(PropTypes.object), 
} 

PersonEdit.defaultProps = { 
    ... ✂ 
    client: undefined, 
    initialValues: undefined, 
} 

我也试过用isRequired包含在它们上面：

PersonEdit.propTypes = { 
    ... ✂ 
    client: PropTypes.shape(PropTypes.any).isRequired, 
    initialValues: PropTypes.shape(PropTypes.object).isRequired, 
} 

任何人都可以帮助我理解这些道具类型相关错误的性质吗？

我非常强烈地感觉到，我之前阅读过这方面的内容，可能会涉及一些“父”逻辑或在视图之前被调用的内容，但我不清楚如何弄清楚。

我不明白为什么说initialValues.isRequired或client.isRequired当我的代码没有按要求指定他们。

哦，这里是我此编辑形式出口，因为我觉得有它相关的机会：

export default compose(
    connect(mapStateToProps, { 
    onServerError, 
    getPerson, 
    onBackPress, 
    }), 
    // graphql(PERSON_EDIT_MUTATION), 
    reduxForm({ 
    validate, 
    form: 'PersonEdit', 
    enableReinitialize: true, 
    }), 
)(withApollo(PersonEdit)) 

我只是想混音的代码和切碎各种事情了身边的时候componentWillMount和componentDidMount运行，并且我评论了所有内容以触发NotFoundPage组件而不是编辑窗体，并且它仍然生成相同的错误。

如果我注释掉propTypes和defaultProps声明，错误就会消失，所以它与它们有某种关系。

Answer 1

你的问题肯定与此代码

PersonEdit.defaultProps = { 
    ... ✂ 
    client: undefined, 
    initialValues: undefined, 
} 

要设置的道具是对象相关的，你设置自己的价值为undefined。你为什么这样做？

只要将其设置为类似（或什么不是未定义）

PersonEdit.defaultProps = { 
    ... ✂ 
    client: null, 
    initialValues: null, 
} 

而且，你为什么要设置类型这样的检查？为什么你使用任何和物体内部形状？你可以这样写：

PersonEdit.propTypes = { 
    ... ✂ 
    client: PropTypes.any.isRequired, 
    initialValues: PropTypes.object.isRequired, 
} 

希望有帮助！