freeCodeCamp/guide/portuguese/certifications/front-end-libraries/react/define-an-html-class-in-jsx/index.md

title	localeTitle
Define an HTML Class in JSX	Definir uma classe HTML no JSX

Definir uma classe HTML no JSX

• HTML e JSX podem parecer exatamente iguais, mas existem algumas diferenças entre eles.
• Uma dessas diferenças é a convenção de nomenclatura.
• Atributos HTML e referências de eventos no JSX se tornam camelCase (onclick => onClick).
• Também pode haver algumas palavras reservadas em JavaScript. Por exemplo, a palavra "class" não pode ser usada para definir classes HTML em JSX.Therefore em vez de usar "class" você pode usar "className".

Sugestão 1:

• Você pode querer mudar "class" para "className".

Solução

const JSX = ( 
  <div className = "myDiv"> 
    <h1>Add a class to this div</h1> 
  </div> 
 );