2.7 KiB
2.7 KiB
id | title | challengeType | isRequired | videoUrl | localeTitle |
---|---|---|---|---|---|
5a24c314108439a4d403617c | Use the Lifecycle Method componentWillMount | 6 | false | Utilice el método de ciclo de vida componentWillMount |
Description
componentWillMount()
componentDidMount()
componentWillReceiveProps()
shouldComponentUpdate()
componentWillUpdate()
componentDidUpdate()
componentWillUnmount()
Las siguientes lecciones cubrirán algunos de los casos de uso básico para estos métodos de vida. Instructions
componentWillMount()
se llama antes que el método render()
cuando un componente se está montando en el DOM. Registre algo en la consola dentro de componentWillMount()
: es posible que desee tener abierta la consola del navegador para ver el resultado. Tests
tests:
- text: <code>MyComponent</code> debe renderizar un elemento <code>div</code> .
testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); return mockedComponent.find("div").length === 1; })(), "<code>MyComponent</code> should render a <code>div</code> element.");'
- text: <code>console.log</code> debe llamar en <code>componentWillMount</code> .
testString: 'assert((function() { const lifecycle = React.createElement(MyComponent).type.prototype.componentWillMount.toString().replace(/ /g,""); return lifecycle.includes("console.log("); })(), "<code>console.log</code> should be called in <code>componentWillMount</code>.");'
Challenge Seed
class MyComponent extends React.Component {
constructor(props) {
super(props);
}
componentWillMount() {
// change code below this line
// change code above this line
}
render() {
return <div />
}
};
After Test
console.info('after the test');
Solution
// solution required