Dynamic nested object prop validation - react

Question

I'm having trouble on working out a nice way to validate this structure

I've seen suggestions on flattening data like this, but it seems like this is the best way to store this information, as it allows instant access via a item ID / a combo of item ID + store ID.

The data looks like this

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

You might consider reducing the duplication by having two props: stores is a list of the store objects and data has a list of store ids for each item id. — Code-Apprentice
– Code-Apprentice, Commented Mar 13, 2018 at 19:50

Max · Accepted Answer · 2018-03-13 19:47:21Z

3

You can just do this:

EDIT: Didn't notice the itemID part.

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

edited Mar 13, 2018 at 19:47

answered Mar 13, 2018 at 19:42

Max

1,58710 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

nullandvoid Over a year ago

Oh I actually had it then, Makes sense now I guess after I read it twice :), thanks

Collectives™ on Stack Overflow

Dynamic nested object prop validation - react

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related