SearchFormContainer.js

import React  from 'react';
import stateTransformers from './searchFormStateTransformers';
import SearchForm from './SearchForm';

module.exports = class SearchFormContainer extends React.Component {
  constructor(props) {
    super(props);
    this.state = // initial state
    this.stateUpdaters = {
      updateFilters: (filterName, filterValue) =>
        this.setState(stateTransformers.updateFilters(this.state)(filterName, filterValue)),
      clearFilters: () =>
        this.setState(stateTransformers.clearFilters(this.state)),
      switchTab: () =>
        this.setState(stateTransformers.switchTab(this.state)),
      routeFilters: mostRecentSearch =>
        this.setState(stateTransformers.routeFilters(this.state)(mostRecentSearch)),
      selectSearchHistory: selectedSearchFromHistory =>
        this.setState(stateTransformers.selectSearchHistory(this.state)(selectedSearchFromHistory))
    }
  }
  
  render() {
    return <SearchForm {...this.state} {...this.stateUpdaters} />;
  }
}