react_button.js

function Button(props) {
  return (
    <button onClick={() => props.onclick_function(props.increment)}>
      {props.increment}
    </button>
  );
}
function Display(props) {
  return (
    <div>{props.message}</div>
  )
}

function App() {
  const [counter, setCounter] = useState(42);
  const incrementCounter = (inc) => setCounter(counter+inc);
  return (
    <div>
      <Button onclick_function={incrementCounter} increment={1}/>
      <Button onclick_function={incrementCounter} increment={5}/>
      <Button onclick_function={incrementCounter} increment={10}/>
      <Button onclick_function={incrementCounter} increment={100}/>
      <Button onclick_function={incrementCounter} increment={500}/>
      <Display message={counter}/>
    </div>
    );
}

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