/Javascript/React/React js loop through array of objects

React js loop through array of objects

var links = [
  { endpoint: '/america' },
  { endpoint: '/canada' },
  { endpoint: '/norway' },
  { endpoint: '/bahamas' }
];

class Navigation extends React.Component {
  render() {
    const listItems = links.map((link) =>
        <li key={link.endpoint}>{link.endpoint}</li> 
    );
    return (
      <div className="navigation">
        <ul>
          {listItems}
        </ul>
      </div>
    );
}

Source: stackoverflow.com

Similar codes

1 vote176 views1 answer
Reactjs .htaccess
Javascript React
0 vote184 views1 answer
React-native how to get size of screen
Javascript React
50 votes174 views6 answers
Yarn create react app
Javascript React
0 vote222 views1 answer
React router remove location state on refresh
Javascript React
0 vote190 views1 answer
How to prevent previous radio button active react native
Javascript React
105 votes190 views1 answer
React simbu
Javascript React
16 votes177 views3 answers
Importing svg into react
Javascript React
2 votes237 views2 answers
Prevent a page from refreshing in react
Javascript React
6 votes179 views1 answer
Import useHistory react-router-dom version 6
Javascript React
262 votes231 views6 answers
Create a react native project
Javascript React