Breaking News: Grepper is joining You.com. Read the official announcement!

forEach Loop in React

Add Answer

Outrageous Ostrich answered on July 30, 2021 Popularity 10/10 Helpfulness 5/10

answer forEach Loop in React

related foreach in react

related react foreach loop

forEach Loop in React

Comment

import React from 'react';  
     
function App() {  
     
  const myArray = ['Ranjeet', 'Adil', 'Preet'];  
    
  return (  
    <div className="container" style={{background:'red'}}>     
        <h1> Example of React Map Loop </h1>  
     
        {myArray.map(name => (  
          <li>  
            {name}  
          </li>  
        ))}  
     
    </div>  
  );  
}  
     
export default App;

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: softhunt.net

Tags: foreach javascript

Link to this answer
Share Copy Link

Contributed on Apr 10 2022

Outrageous Ostrich

0 Answers Avg Quality 2/10

Closely Related Answers

foreach in react

Comment

You need to pass an array of element to jsx. 
The problem is that forEach does not return anything (i.e it returns undefined).
So it's better to use map because map returns an array:

***

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: foreach

Link to this answer
Share Copy Link

Contributed on Jul 30 2021

Nirjhor

0 Answers Avg Quality 2/10

react foreach loop

Comment

ewrwqercwre

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: foreach javascript

Link to this answer
Share Copy Link

Contributed on Dec 13 2021

Alive Alligator

0 Answers Avg Quality 2/10

forEach Loop in React

Contents

More Related Answers

forEach Loop in React

Closely Related Answers

foreach in react

react foreach loop

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.