33 lines
963 B
JavaScript
33 lines
963 B
JavaScript
import React from 'react'
|
|
|
|
export default class Counter extends React.Component {
|
|
constructor(props) {
|
|
super(props)
|
|
// Initialisation du "state" du composant
|
|
this.state = {
|
|
count: 0
|
|
}
|
|
// On "lie" les méthodes de la classe à l'instance
|
|
this.increment = this.increment.bind(this)
|
|
this.decrement = this.decrement.bind(this)
|
|
}
|
|
// Méthode de rendu du composant
|
|
render() {
|
|
console.log(this.props.match);
|
|
return (
|
|
<div>
|
|
Count: <span>{ this.state.count }</span>
|
|
<button onClick={ this.increment }>+1</button>
|
|
<button onClick={ this.decrement }>-1</button>
|
|
</div>
|
|
)
|
|
}
|
|
// La méthode increment() incrémente la valeur du compteur de 1
|
|
increment() {
|
|
this.setState(prevState => ({ count: prevState.count+1 }))
|
|
}
|
|
// La méthode decrement() décrémente la valeur du compteur de 1
|
|
decrement() {
|
|
this.setState(prevState => ({ count: prevState.count-1 }))
|
|
}
|
|
} |