在ReactJS中路由

任何人都可以向我解釋路由如何在Reactjs中工作？在ReactJS中路由

browserHistory.push（'/ location'）只更新URL欄並且不重定向到它。 browserHistory.goBack（）的作品，但只有當頁面被訪問之前，因此名稱。這讓我很難理解browserHitory.goForward（）如何工作？

我一直試圖在成功登錄後重定向到儀表板。而已。

從我讀過的，React不允許重新加載頁面。如果我們嘗試刷新頁面或在URL中寫入地址，它將顯示無法獲取/路徑錯誤;除非請求是在服務器上進行的。我試圖在服務器上創建路由，但無法獲得我如何實現它的語法。我只在Node中編碼，以便將res.send（）發送到客戶端應用程序。我如何渲染這條路？因爲渲染到該路徑將意味着Node的App.js具有React應用程序的視圖引擎。我不知道它是否足夠清楚，但任何建議都會有所幫助。謝謝。

來源

2017-04-30 Amrita Sharma

看看[react-router]（https://reacttraining.com/react-router/web/guides/quick-start） – bntzio

您可能更一般地想知道單個頁面應用程序路由如何工作。

網上有關於此主題的無窮無盡的資源。

這是一個reactish文章中，我非常讚賞：https://hackernoon.com/routing-in-react-the-uncomplicated-way-b2c5ffaee997

來源

2017-04-30 18:26:11

真的很有幫助。謝謝。路由在Angular中運行得非常好，沒有麻煩。但是，反應給我一些困難。 –

首先是定義路由器的所有URL是你可以看這兩個視頻的完整路由part1 part2

你忘了添加使用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>);

來源

2017-05-01 04:50:32

export default（ <路由器歷史記錄= {browserHistory}> <路由組件= {應用程序>> <路徑路徑='/'component = {主頁} /> <路徑路徑='/提交內容'組件= {提交} /> <路由路徑= '/登錄' 成分= {}登錄/> <路由路徑= '/儀表盤' 成分= {}會員/> ）;你是說這些？做到了。 –

您忘記添加 –

立即檢查ans @AmritaSharma –

在ReactJS中路由

回答

相關問題