动态嵌套对象道具验证 - 反应

Question

我在想出一种验证此结构的好方法时遇到了麻烦

我看过关于像这样扁平化数据的建议，但似乎这是存储此信息的最佳方式，因为它允许通过商品 ID /商品 ID + 商店 ID 的组合即时访问。

数据是这样的

let data = {
    "itemid1" : {
        "store1" : {
            stockNow: 2,
            stockLater : 15,
            stockDate : "4 days"
        },
        "store2" : {
            stockNow : 2,
            stockLater : 10,
            stockDate : "4 days"
        },
        "store3" : {
            stockNow : 4,
            stockLater : 15,
            stockDate : "4 days"
        },
    },
    "itemid2" : {
        "store1" : {
            stockNow: 2,
            stockLater : 15,
            stockDate : "4 days"
        },
        "store2" : {
            stockNow : 2,
            stockLater : 10,
            stockDate : "4 days"
        },
        "store3" : {
            stockNow : 4,
            stockLater : 15,
            stockDate : "4 days"
        },
    }
}

Answer 1

你可以这样做：

编辑：没有注意到 itemID 部分。

MyComponent.propTypes = {
    data: PropTypes.objectOf(
        PropTypes.objectOf(
            PropTypes.shape({
                stockNow: PropTypes.number,
                stockLater: PropTypes.number,
                stockDate: PropTypes.string,
            })
        )
    )
}

动态嵌套对象道具验证 - 反应

Dynamic nested object prop validation - react

reactjs

react-proptypes