import React from "react";
import ReactDOM from 'react-dom/client';

class MyComponent extends React.Component {
  render() {
    const greeting = "Hello, World!";
    const mylist = ["carrot", "tomato"];

    return (
      <div>
        <h1>{greeting}</h1>
        <p>This is my first React component.</p>
        <ul>
          {
            mylist.map((item,index) => (
               <li key={index}>{item}</li>))
           }
        </ul>
      </div>
    );
  }
}

const component = new MyComponent()

const body = ReactDOM.createRoot(document.querySelector('body'));
body.render(component.render());