How do I reuse all these onClick functions? I don't want to copy and paste the same functions over and over.

component1.js

import React, { Component } from 'react';
import { getAsyncRandomReport } from 'thirdPartyLibrary';

class UniqueComponentOne extends Component {
  constructor(props){
    super(props);
    this.onClickRefresh = this.onClickRefresh.bind(this);
    this.onClickUpdate = this.onClickUpdate.bind(this);
  }
  report = getAsyncRandomReport();
  
  onClickRefresh(){
    /* lotsof reusable business logic that involves other values in the state
    ------ codecodecodecodecode --------------------------------------------
    */
    this.report.refresh();
  }
  onClickUpdate(){
    /* lotsof reusable business logic that involves other values in the state
    ------ codecodecodecodecode --------------------------------------------
    */
    this.report.update();
  }

  render() {
    return (
      <Button onClick={this.onClickUpdate} />
      <Button onClick={this.onClickRefresh} />
    );
  }
}

component2.js

import React, { Component } from 'react';
import { getAsyncRandomReport } from 'thirdPartyLibrary';

class UniqueComponentTwo extends Component {
  constructor(props){
    super(props);
    this.onClickRefresh = this.onClickRefresh.bind(this);
    this.onClickDance = this.onClickDance.bind(this);
  }
  report = getAsyncRandomReport();
  
  onClickRefresh(){
    /* lotsof reusable business logic that involves other values in the state
    ------ codecodecodecodecode --------------------------------------------
    */
    this.report.refresh();
  }
  onClickDance(){
    /* lotsof reusable business logic that involves other values in the state
    ------ codecodecodecodecode --------------------------------------------
    */
    this.report.dance();
  }

  render() {
    return (
      <Button onClick={this.onClickDance} />
      <Button onClick={this.onClickRefresh} />
    );
  }
}

component3.js

import React, { Component } from 'react';
import { getAsyncRandomReport } from 'thirdPartyLibrary';

class UniqueComponentThree extends Component {
  constructor(props){
    super(props);
    this.onClickBurn = this.onClickBurn.bind(this);
    this.onClickDance = this.onClickDance.bind(this);
  }
  report = getAsyncRandomReport();
  
  onClickBurn(){
    /* lotsof reusable business logic that involves other values in the state
    ------ codecodecodecodecode --------------------------------------------
    */
    this.report.burn();
  }
  onClickDance(){
    /* lotsof reusable business logic that involves other values in the state
    ------ codecodecodecodecode --------------------------------------------
    */
    this.report.dance();
  }

  render() {
    return (
      <Button onClick={this.onClickBurn} />
      <Button onClick={this.onClickDance} />
    );
  }
}