App.js

//  <div id = "parent">
//     <div id = "child">
//         <h1>i am a h1 tag</h1>
//         <h2>i am a h2 tag</h2>
//     </div>
//  </div>
// if you want to create a nested like above by the help of react
 const parent = React.createElement("div" , {id: "parent"} ,
    [React.createElement("div" , {id: "child"} ,
        [React.createElement("h1" , {} , "i am a h1 tag"),React.createElement("h2" , {} , "i am a h2 tag")]
    ),React.createElement("div" , {id: "child2"} ,
        [React.createElement("h1" , {} , "i am a h1 tag"),React.createElement("h2" , {} , "i am a h2 tag")]
    )] 
    
);
console.log(parent);
const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(parent);



// const heading = React.createElement("h1",{id: "heading"},"Hello World From React");
// const root = ReactDOM.createRoot(document.getElementById("root"));
// root.render(heading);