class
ES6 que estende o React.Component
. Tem um método de renderização que retorna HTML (de JSX) ou null
. Esta é a forma básica de um componente React. Depois de entender isso bem, você estará preparado para começar a construir projetos React mais complexos. MyComponent
que estenda React.Component
. Seu método de renderização deve retornar um div
que contenha uma tag h1
com o texto: My First React Component!
nisso. Use exatamente este texto, o caso e a pontuação. Certifique-se de chamar o construtor para o seu componente também. Renderize esse componente para o DOM usando ReactDOM.render()
. Existe um div
com id='challenge-node'
disponível para você usar. MyComponent
.
testString: 'getUserInput => assert(getUserInput("index").replace(/\s/g, "").includes("classMyComponentextendsReact.Component{"), "There should be a React component called MyComponent
.");'
- text: MyComponent
deve conter uma tag h1
com o texto My First React Component!
Caso e pontuação são importantes.
testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); return mockedComponent.find("h1").text() === "My First React Component!"; })(), "MyComponent
should contain an h1
tag with text My First React Component!
Case and punctuation matter.");'
- text: MyComponent
deve renderizar para o DOM.
testString: 'assert(document.getElementById("challenge-node").childNodes.length === 1, "MyComponent
should render to the DOM.");'
```