JavaScript Expression in JSX in ReactJs

 JavaScript Expression in JSX in ReactJs

used { } curly-braces to define JavaScript variable

import React from 'react';
import ReactDOM from 'react-dom';
const fname = "shreyash";
const lname = "kolhe";
ReactDOM.render(
  <>
    <h1>My name is {fname} {lname}</h1>    
    <h2>My name is { fname + " "+ lname}</h2>,
  </>, 
  document.getElementById("root")
);

Template Literals in JSX

import React from 'react';
import ReactDOM from 'react-dom';
const name = "shreyash";
const lname = "kolhe";
ReactDOM.render(
  <>
    <h1>{`my name is ${name} ${lname}`}</h1>
  </>, 
  document.getElementById("root")
);

OUTPUT

my name is shreyash kolhe