{ 'isto é tratado como código Javascript' }
. Tenha isso em mente, já que é usado em vários desafios futuros. No entanto, como o JSX não é um JavaScript válido, o código JSX deve ser compilado em JavaScript. O transpilador Babel é uma ferramenta popular para este processo. Para sua conveniência, este transpilador já foi adicionado nos bastidores para esses desafios. Se acontecer de você escrever JSX sintaticamente inválido, você verá o primeiro teste nesses desafios falhar. Vale a pena notar que os desafios estão chamando ReactDOM.render(JSX, document.getElementById('root'))
. Essa chamada de função é o que coloca seu JSX na representação leve do próprio React do DOM. O React usa instantâneos de seu próprio DOM para otimizar a atualização apenas de partes específicas do DOM real. div
à constante JSX
. Substitua o div
por um elemento h1
e adicione o texto Hello JSX!
dentro dele. JSX
deve retornar um elemento h1
.
testString: 'assert(JSX.type === "h1", "The constant JSX
should return an h1
element.");'
- text: A tag h1
deve incluir o texto Hello JSX!
testString: 'assert(Enzyme.shallow(JSX).contains("Hello JSX!"), "The h1
tag should include the text Hello JSX!
");'
```