QA
Dashboard

Jsx in react

JSX is a syntax extension that lets you write HTML-like markup inside JavaScript. It gets compiled to React.createElement calls. JSX supports expressions, conditional rendering, and mapping arrays to elements. It makes component structure visual and intuitive.

Example

const element = (
  <div className="card">
    <h2>{title}</h2>
    {isLoggedIn ? <Dashboard /> : <Login />}
    {items.map(item => <li key={item.id}>{item.name}</li>)}
  </div>
);

JSX combines markup with JavaScript expressions using curly braces, supporting conditionals and loops inline.

PreviousNext