Category: react
what is jsx
Published on 16 Jul 2026
Explanation
JSX allows HTML-like syntax inside JavaScript.
Code:
const element = <h1>Hello</h1>;
Explanation
JSX expressions use curly braces.
Code:
const name='John';
<h1>{name}</h1>
Explanation
JSX requires one parent element.
Code:
<div><h1>Hello</h1></div>
Explanation
Use className instead of class in JSX.
Code:
<div className='box'></div>
Explanation
JSX is compiled into React.createElement() calls.
Code:
return <button>Click</button>;