PropTypes validation array

Question

I have an array object being passed as props the array looks something like:

[
  {
    "title": "eat food"
  },
  {
    "title": "Drinks",
    "sub_items": [
      {
        "title": "Beer",
        "isDrinking": true
      }
    ]
  },
  {
    "title": "eat Pizza"
  },
  {
    "title": "Other Drinks",
    "sub_items": [
      {
        "title": "Soda",
        "isDrinking": false
      },
      {
        "title": "Soda",
        "isDrinking": false
      }
    ]
  }
]

What i want to do is add the propTypes validation, something like

title : PropTypes.string.isRequired

sub_items : PropTypes.array

sub_items : props validation inside the array such as title sting and isDrinking boolean.

note sure on how to achieve this on an array. (ps. my reactjs knowledge is very limited so excuse me if I am asking an obvious stupid question)

Possible duplicate of React proptype array with shape

Yury Tarabanko
– Yury Tarabanko

2017-08-07 13:29:49 +00:00
Commented Aug 7, 2017 at 13:29 — Yury Tarabanko
– Yury Tarabanko, Commented Aug 7, 2017 at 13:29

aherriot · Accepted Answer · 2017-08-07 13:38:22Z

5

You can write:

PropTypes.arrayOf(PropTypes.shape({
  title: PropTypes.string.isRequired,
  sub_items: PropTypes.arrayOf(PropTypes.shape({
    title: PropTypes.string.isRequired,
    isDrinking: PropTypes.bool.isRequired
  })
})).isRequired

Notice how sub_items is not required, but if it is included in one of the objects, it has to be an array of objects with title and isDrinking defined.

answered Aug 7, 2017 at 13:38

aherriot

4,7356 gold badges27 silver badges36 bronze badges

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

Collectives™ on Stack Overflow

PropTypes validation array

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related