將這個彈出框?qū)懸粋€function component：

export default (conf) => {
  //添加一個節(jié)點供彈出框渲然
  if (document.getElementById('DialogDiv')) {
    return
  }
  let div = document.createElement('div');
  div.id = 'DialogDiv'
  document.body.appendChild(div);
  ReactDOM.render(<Dialog {...conf} div={div}/>, div);
};

Dialog 組件自己實現(xiàn)。
然后通過 new Promise來實現(xiàn)異步：

export default ({type, message, title, locale}) => {
  return new Promise(resolve => {
    ReservationDialog({type, message, title, locale, onClose: e => resolve(e)});
  });
};

ReservationDialog就是第一步export出的組件。
最后在effects中通過call來調(diào)用：

 const result = yield call(yourService);

 const data = yield call(openDialog, {message: result.message, ...result});
 if(data.Ok === 'OK') {
    //單擊了OK按鈕
 }
 if(data.CANCEL === 'CANCEL') {
    //單擊了CANCEL按鈕
 }

 //data為返回的數(shù)據(jù)，即promise.then后的值。