RefactorComponent.jsx

import React from "react";

class ListComponent extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
      lastClickedButton: ""
    };
  }

  render() {
    return (
      <div>
        <h1>The last clicked button is {this.state.lastClickedButton}</h1>
        <ul>
          <li>
            <button
              onClick={() => {
                this.setState({ lastClickedButton: "Create" });
                this.props.createSomething();
              }}
            >
              Create
            </button>
          </li>

          <li>
            <button
              onClick={() => {
                this.setState({ lastClickedButton: "Read" });
                this.props.createSomething();
              }}
            >
              Read
            </button>
          </li>
          <li>
            <button
              onClick={() => {
                this.setState({ lastClickedButton: "Update" });
                this.props.createSomething();
              }}
            >
              Update
            </button>
          </li>
          <li>
            <button
              onClick={() => {
                this.setState({ lastClickedButton: "Delete" });
                this.props.createSomething();
              }}
            >
              Delete
            </button>
          </li>
        </ul>
      </div>
    );
  }
}