如題：
這樣一個交互，在一個表單異步提交成功完后，希望清空頁面上的表單控件；
1.表單信息都是存在store postDraft中，初始化進入時反向渲染，頁面如下：

constructor(props) {
    super(props);
    this.state = {
      start: '',
      end: '',
      title: '',
      content: '',
    };
    this.submit = this.submit.bind(this);
    this.handleChange = this.handleChange.bind(this);
}
...
componentWillMount() {
    const { postInfo: { postDraft } } = this.props;
    this.setState(postDraft);
}

1. 表單提交成功后清空，action 代碼如下：

export function submitMeeting(meetingInfo) {
  return (dispatch, getState) => {
    if (shouldPost(getState().meeting)) {
      return console.log('已經(jīng)在申請會議中');
    }
    dispatch(startPost());

    return new Promise((rev) => {    //模擬ajax
      setTimeout(() => {
        rev();
      }, 1500);
    }).then(() => {
      dispatch(endPost());
      dispatch(addMeeting(meetingInfo));
      dispatch(clearMeeting());    //清空store中的postDraft字段
    }, () => {
      dispatch(endPost());
    });
  };
}

現(xiàn)在遇到的問題是，在提交成功后stroe里面的 postDraft 字段已經(jīng)被清空，但是前端頁面表單里面還是有數(shù)據(jù)的。
分析是因為頁面本地的state沒有和store中的數(shù)據(jù)反向同步，對于這個問題一直沒有特別好的方案：

1. action中的沒有直接調(diào)前端頁面的清空函數(shù)，如 submitMeeting(meeting, clearCallback ); 這個clearCallback調(diào)用前端頁面的清空函數(shù)；
2. 在頁面componentWillReceiveProps中檢測store中的數(shù)據(jù)變化，一旦postDraft字段清空了，就調(diào)用前端頁面的clearCallback；但是這個方案出發(fā)不穩(wěn)定，會在表單為空的時候也會觸發(fā)；

請問對于這個問題，麻友們一般是怎么處理；
感謝