// Embedding JavaScript in JSX

// JavaScript expressions may be embedded within JSX expressions. The embedded JavaScript expression must be wrapped in curly braces.

​

// In the provided example, we are embedding the JavaScript expression 10 * 10 within the <h1> tag. When this JSX expression is rendered to the DOM, the embedded JavaScript expression is evaluated and rendered as 100 as the content of the <h1> tag.

let expr = <h1>{10 * 10}</h1>;

// above will be rendered as <h1>100</h1>

​

// Any text between JSX tags will be read as text content, not as JavaScript. In order for the text to be read as JavaScript, the code must be embedded between curly braces { }.

<p>{ Math.random() }</p>

​

// Above JSX will be rendered something like this: 

<p>0.88</p>