Redux 的异步Action中，如何回调页面中的交互

Question

如题：这样一个交互，在一个表单异步提交成功完后，希望清空页面上的表单控件；1.表单信息都是存在storepostDraft中，初始化进入时反向渲染，页面如下：
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);
}
表单提交成功后清空，action代码如下：
exportfunctionsubmitMeeting(meetingInfo){
return(dispatch,getState)=>{
if(shouldPost(getState().meeting)){
returnconsole.log('已经在申请会议中');
}
dispatch(startPost());
returnnewPromise((rev)=>{//模拟ajax
setTimeout(()=>{
rev();
},1500);
}).then(()=>{
dispatch(endPost());
dispatch(addMeeting(meetingInfo));
dispatch(clearMeeting());//清空store中的postDraft字段
},()=>{
dispatch(endPost());
});
};
}
现在遇到的问题是，在提交成功后stroe里面的postDraft字段已经被清空，但是前端页面表单里面还是有数据的。分析是因为页面本地的state没有和store中的数据反向同步，对于这个问题一直没有特别好的方案：
action中的没有直接调前端页面的清空函数，如submitMeeting(meeting,clearCallback);这个clearCallback调用前端页面的清空函数；
在页面componentWillReceiveProps中检测store中的数据变化，一旦postDraft字段清空了，就调用前端页面的clearCallback；但是这个方案出发不稳定，会在表单为空的时候也会触发；
请问对于这个问题，麻友们一般是怎么处理；感谢

Answer 1

其实只要判断postDraft是否处于从不为空到为空的转变期间就好了。也就是说，要在componentWillReceiveProps中，判断this.props.postDraft不为空，且nextProps.postDraft为空。则执行清空函数。

Answer 2

react+redux并非是通过回调组件中的函数来实现更新的。如果是使用的原生redux，那么需要在组件中订阅store，也就是store.describe方法，一般是在DidMount或者DidUpdate中注册。这个函数中就包含了一个回调函数，用于组件在store中数据更新后进行响应式的处理。不知道你的代码是不是缺了这一环节。然后，一般在react中使用redux的技术栈会使用react-redux模块。如果使用这个模块，就不需要任何回调函数，store中的所有数据更新都能通过props响应到组件上。