class
word para definir classes HTML. Isso ocorre porque a class
é uma palavra reservada em JavaScript. Em vez disso, o JSX usa className
. Na verdade, a convenção de nomenclatura para todos os atributos HTML e referências de eventos no JSX se torna camelCase. Por exemplo, um evento de clique no JSX é onClick
, em vez de onclick
. Da mesma forma, onchange
se torna onChange
. Embora esta seja uma diferença sutil, é importante ter em mente seguir em frente. myDiv
ao div
fornecido no código JSX. JSX
deve retornar um elemento div
.
testString: 'assert.strictEqual(JSX.type, "div", "The constant JSX
should return a div
element.");'
- text: O div
tem uma classe de myDiv
.
testString: 'assert.strictEqual(JSX.props.className, "myDiv", "The div
has a class of myDiv
.");'
```