0

在一个项目中，我的意图是只使用一个 Navigator 元素来处理所有页面导航。

appState整个代码都有一个单例，并且navigator是其中的一员，它由最外层的App组件初始化。 

ReactDOM.render(
   <App/>,
   document.getElementById('app')
 );

导航器由以下人员启动：

initialRoute = {
  component: LoginPage,
  props: {
}};

和

<Ons.Navigator
  initialRoute={this.initialRoute}
  renderPage={this.renderPage.bind(this)}
/>

和

renderPage(route: Route, navigator: typeof Ons.Navigator) {
  const props: any = route.props || {};
  if (appState.navigator == null) {
    appState.navigator = navigator;
  }
  props.navigator = appState.navigator;
  return React.createElement(route.component, route.props);
}

正确使用initialRoute. 当我调用pushPage(newRoute)时，在添加时检查时显然添加了 newRoute。也就是说，我在 push 后得到以下内容newRoute：

LoginPage
HomePage

然而，随后调用pushPage(someOtherRoute)收益率

LoginPage
SomeOtherRouteComponent

我希望

LoginPage
HomePage
SomeOtherRouteComponent

我已经验证同步等没有问题，当我将路由对象推送到备用列表时，我得到了一切而没有任何损失。但只是pushPage没有像我预期的那样工作。

有什么想法，还是遗漏了一些明显的东西？片段是 TS。

4

1 回答 1

0

页面加载期间的任何错误似乎都被 捕获Navigator，这会导致页面未被添加到路由中（但页面仍被导航到）。

我在 github 上提出了一个问题，并提供了解决方法。另一种解决方法是确保在页面加载期间没有 JS 错误，这可能不是 100% 的情况，因为存在 3rd 方模块。

于 2016-09-30T07:41:32.237 回答