JSX

JSX full form is Javascript XML

• JSX is used to write HTML tags in javascript
• JSX makes very easier to write React Code

JSX allows us to write HTML tags in JavaScript. and JSX place HTML tags in DOM without using javascript createElement() or appendChild() function

Example:

const jsx = <h1>say hello to JSX</h1>;

ReactDOM.render(jsx, document.getElementById('root'));

How to write HTML tags without JSX ?

React.createElement() method with three parameters uses to write html tag in javascript React

Example:

const myelement = React.createElement('h1', {}, 'without jsx);

ReactDOM.render(myelement, document.getElementById('root'));

How to pass Expression in JSX ?

just use curly bracket { } to pass expression in JSX

Example:

const myelement = <h1>Sum is {5 + 5} </h1>;

in JSX element must be closed

Example:

const myelement = <input type="text" />;