react-table-filter-2/src/sortIcon.js

import React from 'react';
import {
  isUndefined,
} from './lib/util';
import PropTypes from 'prop-types';

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

  _sortClicked = () => {
    this.props.sort();
  }

  render() {
    const sortClass = !isUndefined(this.props.sortType) ? (' ' + this.props.sortType) : '';
    return (<div className={['sort-parent clear-fix', sortClass].join('')} onClick={ this._sortClicked }>
      <div className="dsc table-filter-arrow"></div>
      <div className="asc table-filter-arrow"></div>
    </div>);
  }
}

SortIcon.propTypes = {
  sort: PropTypes.func.isRequired,
  sortType: PropTypes.string,
};

export default SortIcon;