Introdução à linguagem JSX no React

A linguagem JSX é JavaScript comum, mas com algumas adições que permitem escrever tags diretamente no código, sem aspas.

As tags podem ser retornadas via return:

jsxfunction App() {
  return <div>
    texto
  </div>;
}

As tags podem ter atributos:

jsxfunction App() {
  return <div class="eee">
    texto
  </div>;
}

As tags podem ser armazenadas em variáveis ou constantes:

jsxfunction App() {
  const  elem = <div>texto</div>;
  return elem;
}

jsxfunction App() {
  return <div>
    texto
  </div>;
}