javascript - redux-form-material-ui | 選択フィールド | カスタム onChange により、選択した値が表示されなくなります

Question

と を使用redux-formしredux-form-material-uiて、単純なフォームを作成します。selectの値は、subdepartmentselect で選択された値によって異なりdepartmentます。そこで、select の onChange をトリガーするコールバック関数を作成しましたdepartment。select のデータを取得することはsubdepartmentできますが、select で選択した値がdepartment表示されなくなりました。

import React from 'react';
import { Field } from 'redux-form';
import { SelectField } from 'redux-form-material-ui';
import MenuItem from 'material-ui/MenuItem';

<Field
  name={name}
  component={SelectField}
  hintText={label}
  floatingLabelText={label}
  onChange={callback}
>
  {this.renderOptions(options)}
</Field>

コールバック:

searchSubdepartments: departmentId => dispatch(searchSubdepartments(departmentId))