Options.jsx

import React, { Component }  from 'react';

export default class Options extends Component {
  handleAdd = () => {
    console.log('add');
  };
  
  handleEdit = () => {
    console.log('edit');
  };
  
  handleDelete = () => {
    console.log('delete');
  };
  
  render() {
    return (
      <ul>
        <li>
          <button onClick={this.handleAdd} className="add">Add</button>
        </li>
        <li>
          <button onClick={this.handleEdit} className="edit">Edit</button>
        </li>
        <li>
          <button onClick={this.handleDelete} className="delete">Delete</button>
        </li>
      </ul>
    );
  }
}