reactjs map() unordered list

Sensei answered on October 13, 2022 Popularity 5/10 Helpfulness 1/10

answer reactjs map() unordered list

reactjs map() unordered list

Comment

import React from "react"
  
function App() {
  
  // Declared an array of items
  const fruits = [
    'Apple',
    'Mango',
    'Banana',
    'GFG'
  ];
  
  // Some styling for the items
  const styles = {
    backgroundColor: 'white',
    width: '50px',
    marginBottom: '10px',
    padding: '10px',
    color: 'green',
    boxShadow: 'rgb(0,0,0,0.44) 0px 5px 5px',
  };
  
  return <>
    {
      /*  This maps each array item to a div adds
      the style declared above and return it */
      fruits.map(fruit => <div key={fruit} 
            style={styles}>{fruit}</div>)
    }
  </>;
}
  
export default App;

Popularity 5/10 Helpfulness 1/10 Language javascript

Source: www.geeksforgeeks.org

Tags: javascript list reactjs unordered

Link to this answer
Share Copy Link

Contributed on Oct 13 2022

Sensei

0 Answers Avg Quality 2/10

reactjs map() unordered list

Contents

More Related Answers

reactjs map() unordered list

Grepper

Documentation

Social

Legal

Contact

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