Diferent ways to render multiple JSX element tut 2

# Diferent ways to render multiple JSX element

note: jsx element is like html element ex.h1>Hello World</h1>

// ## USing List (old) :- 

ReactDOM.render(

  [

  <h1>Hello World</h1>,

  <p>I love my India oh ho</p>

  ],

  document.getElementById('root')

);

// ## Using  Div Tag (not Efficient) :- 

ReactDOM.render(

  <div>

  <h1>Hello World</h1>,

  <p>I love my India oh ho</p>

  </div>,

  document.getElementById('root')

);

// ## USing React.Fragment Tag (efficient) :-   

ReactDOM.render(

  <React.Fragment>

  <h1>Hello World</h1>

  <p>I love my India</p>

  </React.Fragment>,

  document.getElementById('root')

);

// ## Using <> Tag (current used, efficient):-

ReactDOM.render(

  <>

  <h1>Hello World</h1>,

  <p>I love my India oh ho</p>

  </>,

  document.getElementById('root')

);