how to use javascript in jsx code example

Example 1: use jsx html

<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>

Example 2: javascript in jsx

const name = 'Josh Perez';
const element = <h1>Hello, {name}</h1>;
//notice the use of {...} to jump from jsx to javascript.
ReactDOM.render(
  element,
  document.getElementById('root')
);

Example 3: what is jsx

// JSX is an extension of JavaScript XML.
// Example
const element = <h1>Hello, world!</h1>;

Tags:

Html Example

Related