javascript - 如何使用 rxjs 和 redux-observable 等待或监听 Url 已更改？

Question

我试图在收到响应数据后并转到另一个页面后显示模式弹出窗口。热衷于正确实现这一点吗？

我使用React-observable和rxjs。我确实使用服务器请求和更改历史记录创建了一个史诗。效果很好

action$.pipe(
    ofType(myActionLading),
    mergeMap(action => of(convertDataToServer(action.payload))),
    mergeMap(data =>
      from(convertToDataAPI(data)).pipe(
        mergeMap(response => of(convertCustomerFromServer(response.
        mergeMap(() => {
         return of(
          actionGetDataInfoLoading({ id }),
          );
        }),
        tap(() => history.push('/newRoute')),
takeUntil(// I have to verify if I am already on my newRoute and then show the popUp),
        finalize(() => console.log('!!! FIN !!!') || 
          modals.getModalSuccess()),
   ),
    ),

我想在走新路线后看到“成功”模式弹出窗口。所以我想听history.push，或者验证我是否在新路线上，然后才显示模式

Answer 1

我不相信可以按照您解释的方式执行该逻辑(至少使用react-router)。

但是，如果只有通过此操作成功才能访问 /newRoute，则您可以在安装 newRoute 对应的组件时打开模态框。

否则，请提供一个查询参数来确定您是否要打开模式。

例如:

// someEpic.js
tap(() => history.push('/newRoute?showModal=true')

...

//newRoute.jsx (The component)
export class NewRoute extends React.Component {
   ...
   componentWillMount() {
       const showModal = this.props.... // logic to get query param of showModal.

       if (showModal) {
          modals.getModalSuccess();
       }
   }
}