bindContext takes an array and binds a context

bindContext.js

export default function (arr, context) {
  arr.forEach(function (fn) {
    context[fn] = context[fn].bind(context);
  }.bind(context));
}

SomeComponent.jsx

import React from 'react'
import bindContext from './path/to/bindContext';

export default class SomeComponent extends React.Component {
  constructor() {
    super();

    // ========== Too verbose ==========
    // this.toggleEventForm = this.toggleEventForm.bind(this);
    // this.handleSubmit = this.handleSubmit.bind(this);
    // this.handleChange = this.handleChange.bind(this);

    // ========== Ugly ==========
    // [
    //   'toggleEventForm', 
    //   'handleChange', 
    //   'handleSubmit' 
    // ].forEach(function (fn) {
    //   this[fn] = this[fn].bind(this);
    // }.bind(this));

    // ========== Prettify your context bindings ==========
    _bindContext([
      'toggleEventForm', 
      'handleChange', 
      'handleSubmit' 
    ], this);