What is the correct way to loop through this array of objects inside of render, react

Question

What is the correct way to loop through each 'repo'?

 ...
render(){
    const watchers = [];
    const names = [];

    this.props.repos.map(repo => (
        names.push(repo.name)
        watchers.push(repo.watchers) 
    ));
    return(...)
}

What is the wrong with this? Just add undefined check this.props.repos && this.props.repos.map — RIYAJ KHAN
– RIYAJ KHAN, Commented May 20, 2018 at 9:31

Leo Lindhorst · Accepted Answer · 2018-05-20 09:31:02Z

1

I think the easiest way to achieve this would be

...
render(){
    const watchers = this.props.repos.map(r => r.watchers);
    const names = this.props.repos.map(r => name);
    return(...)
}

answered May 20, 2018 at 9:31

Leo Lindhorst

2322 silver badges8 bronze badges

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

1 Comment

RIYAJ KHAN Over a year ago

Why there is a need to loop two time.?What is the wrong with above?

Collectives™ on Stack Overflow

What is the correct way to loop through this array of objects inside of render, 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