Basic List Component: Embedding map() in JSX

Embedding map() in JSX

function NumberList(props) {
  const numbers = props.numbers;
  return (
    <ul>
      {numbers.map((number) =>
        <ListItem key={number.toString()}
                  value={number} />
      )}
    </ul>
  );
}

Related concepts

Embedding map() in JSX

Basic List Component: Embedding map() in JSX — Structure map

Clickable & Draggable!

Basic List Component: Embedding map() in JSX — Related pages: