Skip to content
Snippets Groups Projects
Select Git revision
  • 56da38540c497e4337ddbb83e9c30029a18862ae
  • main default protected
  • v5.2
  • v5.1
  • v7.1
  • v7
  • v6.2
  • v6.1
  • v6
  • v5.9
  • v5.8
  • v5.7
  • v5.6
  • v5.5
  • v5
  • v5.3
  • v4.6
  • v4.6-problem
  • v4.5
  • v4
  • v3.2
  • v3.1
22 results

main.js

Blame
  • main.js 911 B
    import { createRoot } from 'react-dom/client';
    
    // import data, simulate data retrieval from database, *personsData* is an Array object
    import personsData from '../data/personsData.js';
    
    // import React component
    import Person from '../components/person.jsx'
    import PersonListing from '../components/personListing.jsx';
    
    const bootstrapReact = () => {
       const root = createRoot(document.getElementById('insertReactHere'));  // parent for created element = "insertion point"
    
       const component = <PersonListing persons={personsData}>
                            <h3>This node and followings are children and then correspond to <code>props.children</code></h3>
                            <Person name="Someone Else" age={42} />
                            <Person name="New One" age={1} />
                         </PersonListing>;
    
       root.render(component);
    }
    
    
    window.addEventListener('DOMContentLoaded', bootstrapReact);