を上書きし、私の意図は、すべてのページのナビゲーションを処理するために一つだけナビゲーター要素を使用することです。温泉反応ナビゲータpushpageは、プロジェクトでは、最後のページ
コード全体に1つのシングルトンappState
があり、そのうちnavigator
がメンバーであり、最も外側のApp
コンポーネントによって初期化されます。
ReactDOM.render(
<App/>,
document.getElementById('app')
);
ナビゲーターは、によって開始されます。
initialRoute
と正しく
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);
}
。 pushPage(newRoute)
と呼ぶと、追加時にチェックされると、newRouteが明らかに追加されます。私はそこにあることを確認した
LoginPage
HomePage
をしかし、pushPage(someOtherRoute)
利回り
LoginPage
SomeOtherRouteComponent
への後続の呼び出しを私は
LoginPage
HomePage
SomeOtherRouteComponent
を期待する:それはnewRoute
を押した後、私は次の権利を取得、あります同期などの問題はありません。ルートオブジェクトを脇に置いておくと、何も失わずにすべてを得ることができます。しかし、ちょうどpushPage
が私の期待どおりに動作していません。
すべてのアイデア、または何かを明らかに不足していますか?スニペットはTSです。