https://medium.com/@srph/react-render-props-as-filtering-layer-5404b0be7184

Column.js

import React, {Component} from 'react'

class Column extends Component {
  state = {
    list: [], // Let's pretend this is filled by some AJAX request
    sorting: 0,
    sorted: []
  }

  filter(sorting) {
    switch(sorting) {
      case 1:
        //
      case 2:
        //
      case 3:
        //
      default:
        return this.state.list
    }
  }

  render() {
    return (
      //
    )
  }

  handleFilter(sorting) {
    this.setState({
      sorting,
      sorted: this.filter(sorting)
    })
  }
}