React children iterating

Question

Which method is better/safer, recommended in general, for iterating/mapping react's children?

this.props.children.map(c => <span>new child</span>);

OR

React.Children.map(c => <span>new child</span>);

pwolaq · Accepted Answer · 2018-01-10 08:22:24Z

7

React.Children.map is better because it handles null and undefined cases.

If children is null or undefined, returns null or undefined rather than an array.

answered Jan 10, 2018 at 8:22

pwolaq

6,41221 silver badges45 bronze badges

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

3 Comments

Chris Over a year ago

The docs should say "... rather than throwing an error", because that's what happens if you try doing map() on undefined or null. You don't get an (empty) array in those cases which seems to be suggested here.

pwolaq Over a year ago

@Chris I think they meant this function, not comparison to first approach. So this sentence in other words would be: "Function returns array by default but will return null or undefined if children is null or undefined".

Chris Over a year ago

There is some discrepancy here either way. "Rather than" suggests doing otherwise than what is normal or typical, and no map() returns an array in these cases.

Collectives™ on Stack Overflow

React children iterating

1 Answer 1

3 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Related