[React] Multi Button Increment

//https://jscomplete.com/playground/xs204018
class Button extends React.Component {
	handleInc = () => {
  	this.props.onClickFunction(this.props.incValue)
  }
	render() {
  	return(
    	<button onClick={this.handleInc}>
      	+{this.props.incValue}
      </button>
    )
  }
}

class Text extends React.Component {
	render() {
  	return(
    	<div>
      	{this.props.display}
      </div>
    )
  }
}

class App extends React.Component {
	state = {counter : 0};
  
  incrementCounter = (incValue) => {
  	this.setState((prevState) => {
    	return {
      	counter: prevState.counter + incValue
      }
    })
  }
	render() {
  	return(
    	<div>
      	<Button incValue={1} onClickFunction = {this.incrementCounter}/>
      	<Button incValue={5} onClickFunction = {this.incrementCounter}/>
      	<Button incValue={10} onClickFunction = {this.incrementCounter}/>
      	<Button incValue={50} onClickFunction = {this.incrementCounter}/>
      	<Button incValue={100} onClickFunction = {this.incrementCounter}/>
        <Text display = {this.state.counter}/>
      </div>
    )
  }
}

ReactDOM.render(<App />, mountNode)