2016-07-20 5 views
0

私は今、角度のある背景からReactJを探しています。私は正常にコンポーネントの思考のロジックを理解し始めて、私は角度で同じものを視覚化しようとしていますが、今はREST APIをほとんど消費しないシングルページアプリケーションのルーティングを実装する方法が不思議です。私はreact-routerを見て、これらの例ではサーバ側のレンダリングについて見ています(または、そのように理解していますが、npmがインストールされていない、私たちはhtmlにjsを追加して、角度を作っているように思っています)、imはisomorphic js今。誰でも私がReactJsでクライアント側ルーティングを実装する方法を学ぶのを助けることができますか、私が完全に誤解している場合は私を案内してください角度ルーティングまたはstateRouterに似たJsクライアント側のルーティングに反応します

答えて

0

ReactJSはserversideとclientsideルーティング(シングルページアプリケーション)をサポートしています。このパッケージを取得する「反応し、ルータの

import { Router, Route, IndexRoute, Link, IndexLink,hashHistory, browserHistory } from 'react-router' 
 

 
render((
 
\t <Router history={browserHistory}> 
 
\t \t <Route path="/" component={Root}>  
 
\t \t \t \t <IndexRoute component={HomePage}/> 
 
\t \t \t \t <Route path="login" component={LoginPage} />  
 
\t \t \t \t <Route path="blog" component={BlogPage} /> 
 
\t \t \t \t <Route path="about" component={AboutPage} /> 
 
\t \t \t \t <Route path="logout" component={LogoutPage} onEnter={onLogoutEnter}/> 
 
\t \t </Route> 
 
\t </Router> 
 
), document.getElementById('container'))

+0

をルーティングクライアントサイドのために反応し、ルータをhashHistoryかbrowserHistoryを使用して、NPMからインストールこれは何ですか? – optimus

+0

はい。 npm install - react routerを保存します。 – tsb

+0

npmをインストールしたくありません.HTMLを追加してjsで使用することはできますか? – optimus

関連する問題