foo.js

// Diary action creators
export class Diary {
  static RECEIVE = 'DIARY_RECEIVE'

  static actions = {
    fetchByDate: (date) => {
      const done = (dispatch, json) => dispatch(replace(`/diary/${json.id.toString()}`))
      return post('/api/diary', Diary.RECEIVE, { date }, done)
    },
    fetchById: (logId) => {
      return get(`/api/diary/${logId}`, Diary.RECEIVE)
    },
    update: (diary) => {
      return post(`/api/diary/${diary.id}`, Diary.RECEIVE, diary)
    }
  }
  static bindDispatch (dispatch) {
    return bindActionCreators(Diary.actions, dispatch)
  }
}

// use in connect

const mapDispatchToProps = (dispatch) => {
  return {
    Diary: act.Diary.bindDispatch(dispatch),
    Food: act.Food.bindDispatch(dispatch),
    Recipe: act.Recipe.bindDispatch(dispatch)
  }
}
...

// use in component

this.props.Diary.fetchByDate(date)