RSRobince Studio

React JSX

JSX lets you write HTML-like markup in JavaScript. Put any JavaScript expression inside curly braces { } to show its value. A component must return a single root element.

const name = "Sam"
function Hi() {
  return <p>Hello, {name}! 2 + 2 = {2 + 2}</p>
}

Try it yourself

Loading editor…

In JSX, use className instead of class, and close every tag (even
). The braces take an expression, not a statement.

React Introduction React Components