Com o código logo abaixo quero simular o mesmo efeito com React Hook
no componentWillMount
método contido em classes para reactjs?
Exemplo abaixo com o código:
class Example extends React.Component {
constructor() {
super();
this.state = {
count: 0
}
this.handleIncrement
= this.handleIncrement.bind(this);
}
componentWillMount(){
console.log('Component InitMount');
}
handleIncrement() {
let { count } = this.state;
count = count + 1;
this.setState({count});
}
render() {
return (
<div>
<div>{this.state.count}</div>
<div><button onClick={this.handleIncrement}>Incremento</button></div>
</div>
);
}
}
ReactDOM.render(<Example/>, document.getElementById('root'));
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>
<div id="root">Aguarde ...</div>