react-router

    3熱度

    2回答

    我正在使用react-router v4來生成從異步API中加載的動態路由。從API檢索到的數據通過其將創建陣營路由函數通過,類似於: import Home from "containers/home" import FeaturePage from "containers/featurePage" response.map((item) => { if (item.value.

    0熱度

    1回答

    我有一個簡單的react-router-redux應用程序正在進行,其中/home有一個按鈕,點擊時應導航到/profile頁面。目前我的代碼看起來像這樣。 動作/ index.js import { push } from 'react-router-redux' import * as actionTypes from '../constants' const homeClicked =

    0熱度

    1回答

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

    1熱度

    1回答

    我正在構建一個使用材質ui的反應項目,並對路由器4做出反應,但我無法獲得一個基本示例,但我不確定原因!?我沒有任何錯誤我擁有關於反應路由器文檔的基本示例。我似乎無法通過標準的谷歌搜索找到很多幫助,因爲大多數人還沒有移動到反應路由器4,但它看起來像。一切都顯示在頁面上,但當我點擊標籤時,路線實際上並沒有改變。 import React, { Component } from 'react'; im

    0熱度

    1回答

    我想有一個全球性的No Match路線來處理所有404。一旦登錄,所有主要視圖都將落入包含頁眉和頁腳的佈局中。儘管NotFound組件應該在此佈局之外進行渲染。 下面是「工作」 code sample 下面是代碼的簡化示例的鏈接: const App =() => ( <Switch> <Route path="/register" component={Register} />

    0熱度

    1回答

    當用戶單擊鏈接時,它將引導用戶進入結帳頁面。 selectSlot(slot){ window.location = `/checkout/${slot.target.value}` } 我的方法不會保留redux商店的價值。 我該如何保留這些值? 這裏是路由器定義 <Provider store={store}> <ConnectedRouter history={h

    0熱度

    1回答

    我收到以下錯誤,雖然我回一個根元素: Route.render():有效的做出反應元素(或null)必須返回。您可能返回了未定義的數組或其他一些無效的對象。 調度是不是一個函數 我的代碼: export var PrivateRoute = ({ component: Component, ...rest }) => { return ( <Route {...rest} re

    3熱度

    3回答

    當從一個頁面導航到另一個頁面時,我希望用戶自動滾動到頂部,即scrollTo(0, 0)。 根據react-routerdocs on scroll restoration建議的方法是設置一個組件ScrollToTop並在此範圍內包裹您的路線。 雖然這種工作得很好,並且用戶滾動到頂部嵌套在ScrollToTop組件內的任何途徑,如果該組件被放置在Switch部件內時,Switch不起作用像交換機不

    1熱度

    2回答

    我一直在四處搜尋,儘管我發現了其他類型重定向的不同方法,但我還沒有找到幫助我處理這個問題的方法。 這個想法是我需要在localstorage上保存一個sessionID變量,我將使用它來確定用戶是否已登錄到應用程序中,以便我可以將他/她重定向到相應的頁面。但是我一直無法這樣做。這裏是我到目前爲止的代碼: import React, { Component } from 'react'; impo

    0熱度

    1回答

    我試圖驗證我的路由是否正確設置。就像在我有一個特定的URI的時候,那麼相應的組件就會被加載。只是爲了防止我意外地迷路。 下面是一個示例連接頁: import React from 'react'; import {connect} from 'react-redux'; export const ConnectPage = (props) => { return <div>{pro