/Javascript/React/React create list of components

React create list of components

function ListItem(props) {
  // Correct! There is no need to specify the key here:  return <li>{props.value}</li>;}

function NumberList(props) {
  const numbers = props.numbers;
  const listItems = numbers.map((number) =>
    // Correct! Key should be specified inside the array.    <ListItem key={number.toString()} value={number} />  );
  return (
    <ul>
      {listItems}
    </ul>
  );
}

const numbers = [1, 2, 3, 4, 5];
ReactDOM.render(
  <NumberList numbers={numbers} />,
  document.getElementById('root')
);

Source: reactjs.org

Similar codes

0 vote508 views1 answer
React navigation 4
Javascript React
-1 vote199 views1 answer
React-native-geolocation-service
Javascript React
0 vote179 views1 answer
Override backswipe behaviour in ios and android react native
Javascript React
0 vote200 views1 answer
Get rid of header bar react native
Javascript React
4 votes200 views1 answer
External site links in react Link
Javascript React
0 vote184 views1 answer
React JSON data to display in a table
Javascript React
0 vote144 views2 answers
Discord js remove all reactions from user
Javascript React
0 vote186 views1 answer
How to write unit test cases in react js
Javascript React
19 votes200 views6 answers
React native build android apk
Javascript React
105 votes299 views3 answers
React bootstrap do you need to import
Javascript React