类型导入类。道具类型无效

Question

我在许多组件中使用了几个大型对象，因此我为每个大型对象创建了一个proptypes文件，如下所示：

PropTypes/PropLargeObject.js 

其中包含从"prop类型"导入PropType；

const PropLargeObject =
    PropTypes.shape({
        id: PropTypes.number.isRequired, 
        name: PropTypes.string.isRequired,
        items: PropTypes.ArrayOf(PropTypes.Shape({
            itemId: PropTypes.number.isRequired,
            itemName: PropTypes.string.isRequired 
        }))
    });

export default PropLargeObject;

我在组件中使用对象，如下所示：

import {PropLargeObject} from "./PropTypes/PropLargeObject";

Component.propTypes = {
    LargeObject: {PropLargeObject}
}

它给我一个警告，Prop类型“PropLargeObject”无效，它必须是一个函数，通常来自React。道具类型。我做错了什么？

Answer 1

去掉不必要的花括号：

import PropLargeObject from "./PropTypes/PropLargeObject"; // PropLargeObject is the default export

Component.propTypes = {
    LargeObject: PropLargeObject // PropLargeObject is a PropTypes.shape function. Don't wrap with an object
}

您甚至可以将其短接一点：

import LargeObject from "./PropTypes/PropLargeObject"; // you can assign whatever name you want to default imports

Component.propTypes = {
    LargeObject
}