(React) Correct way to typecheck array of objects that may be empty?

Question

I have a prop that is usually an array of objects, but sometimes (including on the component's first render) the array is empty. I know that using PropTypes.array is frowned upon and I should use PropTypes.arrayOf() instead, but if I use PropTypes.arrayOf(PropTypes.object), there is a failed prop type warning due to the empty state of the array. What is the correct way to type check this prop?

You can define defaultProps to an empty array

mshameer
– mshameer

2016-12-14 02:36:45 +00:00
Commented Dec 14, 2016 at 2:36 — mshameer
– mshameer, Commented Dec 14, 2016 at 2:36

ZekeDroid · Accepted Answer · 2016-12-14 02:13:26Z

9

You shouldn't be getting an error unless you set isRequired on it. That is,

myArray: PropTypes.arrayOf(PropTypes.object).isRequired

This will require an array but not necessarily an object. It's how you would handle exactly the case you mention where initially you may pass an empty array.

answered Dec 14, 2016 at 2:13

ZekeDroid

7,2095 gold badges36 silver badges59 bronze badges

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

Collectives™ on Stack Overflow

(React) Correct way to typecheck array of objects that may be empty?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related