class
ES6. En el siguiente ejemplo, Kitten
extiende React.Component
: clase gatito extiende React.Component {Esto crea un
constructor (accesorios) {
super (accesorios);
}
render () {
regreso (
<h1> Hola </h1>
);
}
}
Kitten
clase ES6 que extiende la clase React.Component
. Por lo tanto, la clase Kitten
ahora tiene acceso a muchas características útiles de React, como los enlaces locales de estado y ciclo de vida. No se preocupe si aún no está familiarizado con estos términos, se cubrirán con mayor detalle en los desafíos posteriores. También tenga en cuenta que la clase Kitten
tiene un constructor
definido dentro de él que llama a super()
. Utiliza super()
para llamar al constructor de la clase padre, en este caso React.Component
. El constructor es un método especial utilizado durante la inicialización de objetos que se crean con la palabra clave de class
. Es una práctica recomendada llamar al constructor
un componente con super
y pasarle props
a ambos. Esto asegura que el componente se inicialice correctamente. Por ahora, sepa que es estándar que se incluya este código. Pronto verás otros usos para el constructor, así como props
. MyComponent
se define en el editor de código usando la sintaxis de clase. Termine de escribir el método de render
para que devuelva un elemento div
que contenga un h1
con el texto Hello React!
. div
.
testString: 'assert(Enzyme.shallow(React.createElement(MyComponent)).type() === "div", "The React component should return a div
element.");'
- text: El div
devuelto debe representar un encabezado h1
dentro de él.
testString: 'assert(/div
should render an h1
header within it.");'
- text: El encabezado h1
debe contener la cadena Hello React!
.
testString: 'assert(Enzyme.shallow(React.createElement(MyComponent)).html() === "h1
header should contain the string Hello React!
.");'
```
## Challenge Seed