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

时间:2018-03-13 19:37:26

标签: reactjs react-proptypes

我在制定验证此结构的好方法时遇到了麻烦

我已经看到有关扁平化此类数据的建议,但似乎这是存储此信息的最佳方式,因为它允许通过商品ID /商品ID +商店ID组合进行即时访问。< / p>

数据看起来像这样

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"
        },
    }
}

1 个答案:

答案 0 :(得分:2)

你可以这样做:

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

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