ReactJSでのルーティング

Question

誰でもReactjでルーティングがどのように機能するのか説明できますか？

browserHistory.push（ '/ location'）はURLバーのみを更新し、リダイレクトしません。 browserHistory.goBack（）は、ページが以前に訪問されたときにのみ動作します。 browserHitory.goForward（）はどのように動作するのか理解しにくいですか？

ログインに成功した後、私はダッシュボードにリダイレクトしようとしています。それでおしまい。

私が読んだことから、Reactはページの再読み込みを許可していません。ページをリフレッシュしたり、URLにアドレスを書き込もうとすると、GET /パスエラーが表示されません。要求がサーバー上で行われている場合を除きます。私はサーバー上でルートを作成しようとしましたが、どのように達成するかについての構文を得ることはできません。私はクライアントアプリケーションにres.send（）を送信する程度にNodeでコード化しました。そのパスをどのようにレンダリングするのですか？そのパスへのレンダリングは、ノードのApp.jsがReactアプリケーションのビューエンジンを持っていることを意味するためです。 十分明確であるかどうかはわかりませんが、助言があれば助かります。おかげさまで

Answer 1

おそらく、単一ページのアプリケーションルーティングがどのように機能するのか、より包括的に考えているでしょう。

この件に関する無限のリソースがWeb上にあります。

これは私が非常に高く評価しているreactish記事です：すべてのhttps://hackernoon.com/routing-in-react-the-uncomplicated-way-b2c5ffaee997

Answer 2

最初はルータ内のすべてのURLを定義し、あなたが を追加するのを忘れpart1part2

完全なルーティングのためにこれらの2本のビデオを見ることができる ですbrowserHistory.replace（ '/ location'）を使用 別のものは、このような使用例の子ルートには含めないでください。<Route path='submissions' component={Submissions} />

export default (<Router history={browserHistory}> 
<Route component={App}> 
<Route path='/' component={Home} /> 
<Route path='/submissions' component={Submissions} /> 
<Route path='/location' component={Location} /> 
<Route path='/login' component={Login} /> 
<Route path='/dashboard' component={Member} /> 
</Route> </Router>);