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" />;