Jiansen Lu Code Logger : render in React

Tuesday, March 1, 2022

We have

<body>
  <div id="root"></div>
</body>

In React
import React from 'react';

import { render } from 'react-dom';

class Welcome extends React.Component {

  constructor(props) {
    super(props);
  }
 
  render() {
    return <h1>Hello, {this.props.name}</h1>;
  }
}

if (document.getElementById('root')) {

 ReactDOM.render(
   <Welcome name="John" />,
   document.getElementById('root')
 );

}

Jiansen Lu Code Logger