Preview:
function NumberList(props) {
  const numbers = props.numbers;

  const listItems = numbers.map((number) =>
    <li>{number}</li>
  );
  return (

    <ul>{listItems}</ul>
  );
}

const numbers = [1, 2, 3, 4, 5];
const root = ReactDOM.createRoot(document.getElementById('root'));

root.render(<NumberList numbers={numbers} />);
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter