Using Class and Functional Based Component

Counter Button

class Button extends React.Component {

render() {
  return (
  <button onClick={this.props.onClickFunction}>
   {this.props.incrementValue}
  </button>
  );
 }
}

const Result = (props) => {
 return (
 <div>{props.counter}</div>
 );
}

class App extends React.Component {
state = { counter: 0};

incrementCounter = () => {
this.setState( (prevState) => ({
 counter: prevState.counter+1
}));
};

 render () {
  return (
  <div>
    <Button incrementValue={"+1"} onClickFunction={this.incrementCounter} />
    <Result counter={this.state.counter}/>
  </div>
  );
 }
}

ReactDOM.render(<App />, mountNode);