React : How to render DOM to browser

Cara 1: Direct render html pada ReactDOM

import React from 'react';
import ReactDOM from 'react-dom';

// Write code here:
ReactDOM.render(<h1>Render me!</h1>,
document.getElementById('app'));

..

Langkah diatas render tanpa menggunakan variable. Render me! akan di-render dalam id pada index.html.


Cara 2 : Dengan menggunakan variable

import React from 'react';
import ReactDOM from 'react-dom';

let renderMe = <h1> Render me! </h1>;
// Write code here:
ReactDOM.render(renderMe,
document.getElementById('app'));

..

Langkah diatas render menggunakan variable renderMe akan menghasilkan Render me! pada browser tetapi dengan memanggil variable.

Cara 3 : Render variable dalam ReactDOM guna misai {}

import React from 'react';
import ReactDOM from 'react-dom';

const theBestString = 'tralalalala i am da best';

ReactDOM.render(<h1>{theBestString}</h1>, document.getElementById('app'));

..
Boleh panggil variable dengan guna misai