react-router-v4

0熱度

1回答

無論是使用鏈接還是this.props.history.push()，地址欄中的URL都正確更新，以及this.props.location位於DOM樹（本例中爲App組件）上方的組件中。但是，由於某些原因，它並未更新我的組件中的this.props.location，這些組件正在進一步向下，導致我的路由失敗。任何可能出錯的猜測？注意：我在這個項目中使用了redux，但我沒有改變使用redu

0熱度

1回答

如何使用React Router獲取兩個組件的XOR路由？

我的應用 - 成分，它看起來是這樣的： class App extends Component { render() { return ( <div> <Route path='/:category?/:post?' component={Posts}/> <Route exact path='/edit' component={P

0熱度

1回答

鏈路

點擊時做出反應路由器犯規路線，所以我有一對夫婦的鏈接標題組件： { this.props.cats.map(x => <li className="nav-item" key={x.path}><Link className="nav-link" to={x.path}>{x.name}</Link></li>) } 上面的代碼段是我用來呈現鏈接然後在我的指數.js（

0熱度

1回答

如何讓相同的路由路徑遇到不同的組件

我遇到了反應路由器及其路由路徑的問題。我有幾個鏈接，說本地主機：3000本地主機/ ：3000/B 本地主機：3000/C 和我的路線設置up如下： <Route exact path="/:cat" component={Post} /> 我的問題是，每當我轉到三個URL中的一個，即1→3，它將只加載第1頁，因爲它們都符合標準（即， path="/:cat"）。我正確地假設它不會呈現每條

3熱度

1回答

使用BrowserRouter，我怎樣才能清除註銷的歷史記錄

現在我總是使用history.replace，它從不推送歷史堆棧上的任何東西。我這樣做是因爲如果我推送然後註銷，我的應用程序允許使用瀏覽器後退箭頭返回到以前的路線，我不想這樣做。我如何操作歷史記錄，以便在按下注銷時，我無法返回歷史堆棧中的任何內容。

3熱度

1回答

React是否像Vue js一樣保持活力？

我用React j製作了Todo列表。這個網頁有List和Detail頁面。有一個清單和1個清單有10個項目。當用戶滾動底部時，下一頁數據將被加載。用戶點擊第40項 - >看詳細頁面（反應路由器） - >單擊後退按鈕頁面的主要頁面滾動頂部，並再次獲得第1頁的數據。如何在沒有Ajax調用的情況下恢復滾動位置和數據？當我使用Vue js時，我使用了'keep-alive'元素。幫幫我。謝謝

0熱度

1回答

requireAuth與react-router v4和redux

我有HOC檢查是登錄用戶。 import React from 'react'; import { Redirect } from 'react-router-dom'; export default function requireAuthComponent(store, Component, redirectTo = '/') { return class RequireAut

0熱度

1回答

React路由器組件無法渲染自己的子項？

我試圖擁抱路由傳播遍佈應用而不是一箇中心位置的反應路由器4哲學。爲了簡便起見，< 應用>有效地吐出在其渲染（）以下： <BrowserRouter> <Link to='/' /> <Link to='/linkb' /> <Switch> <Route exact path='/' component={ComponentA}> <Route

0熱度

1回答

如何在反應路由器歷史記錄中創建一個易失性狀態？

我目前正致力於在重定向頁面上顯示成功/失敗消息。的工作流程是這樣的，用戶類型的東西在pageA的，並提交。然後做history.push到下一頁。 history.push(/pageB/path, {message: 'Success!'}); 並在頁面B，它會顯示在頂部成功的消息。但是，此成功消息將永遠存在，然後如果用戶按照前面的步驟再次轉到pageA，則會使用戶感到困惑。然後返回到

1熱度

1回答

如何根據路由器中的條件發送操作

如何根據條件以正確的方式發送操作：我做了以下操作，但出現語法錯誤。 const PrivateRoute = ({ component: Component, ...rest }) => { <Route {...rest} render={props => ( firebase.auth().onAuthStateChanged((user) => user