/Javascript/React/React loop through array

React loop through array

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

Loop through array react native

{
 urArray.map((prop, key) => {
     console.log(emp);
     return <Picker.Item label={emp.Name} value={emp.id} />;
 })
}

Source: stackoverflow.com

React loop through array

this.items = this.state.cart.map((item, key) =>    <li key={item.id}>{item.name}</li>);

Source: medium.com

Similar codes

0 vote218 views1 answer
Can i use hooks with expo in react native
Javascript React
2 votes192 views1 answer
Best react native ui library
Javascript React
0 vote181 views1 answer
React native cross out letter
Javascript React
0 vote205 views1 answer
React bootstrap carousel caption placement top
Javascript React
0 vote197 views1 answer
Write !important in react
Javascript React
2 votes198 views2 answers
Easiest way to show current date in react
Javascript React
2 votes205 views2 answers
React Hook Form
Javascript React
0 vote201 views1 answer
Uuid for react native
Javascript React
0 vote202 views2 answers
Install react webpack
Javascript React
9 votes236 views2 answers
Html emmet in react vscode
Javascript React