react-router-v4

3熱度

3回答

（react-router-dom版本：4.1.1）我有工作設置了路線，但我有點困惑，爲什麼<Switch>是必要的： index.js import React from 'react'; import { HashRouter, Route, Switch } from 'react-router-dom'; import App from './components/App.jsx'

1熱度

1回答

使用反應路由器中的MemoryRouter導航JavaScript

我正在使用React構建單頁Web應用程序。對於這個應用程序，我想阻止URL的更改，也避免使用href鏈接來防止「鏈接預覽」出現在瀏覽器的左下角。爲解決我的問題的前半部分，我發現使用反應路由器中的MemoryRouter可防止在應用程序內導航時URL更改。下面是路由器的PoC： import App from './stuff/main/App'; import {Route, Memory

1熱度

1回答

BrowserRouter不會通過歷史組件內部渲染

的陣營路由器的版本是4 這裏是BrowserRouter我的代碼中使用： import React from 'react'; import ReactDOM from 'react-dom'; import {Meteor} from 'meteor/meteor'; import {BrowserRouter, Route, Redirect, Switch} from 'react-r

1熱度

1回答

不明白如何通過道具路線

的幾個例子，這一次我看到了道具傳遞路線，但我似乎無法得到它的工作 <Route path="/" render={()=><testPage num="2" someProp={100}/>}/> 下面的例子就被扔我的錯誤，因爲「切換」未定義？ const MyProductPage = (props) => { return ( <ProductPage

0熱度

1回答

React Router v4 - 嵌套路由問題

我有以下App組件。 class App extends React.Component { constructor() { super(); this.state = {} } // various methods that interact with state defined here render() { const

0熱度

3回答

無法讀取ReactJS中NavLink未定義的屬性「位置」

所有我在嘗試的是導航欄的非常基本的實現。 "dependencies": { "bootstrap": "^3.3.7", "jquery": "^3.2.1", "react": "^15.4.1", "react-dom": "^15.4.1", "react-router": "^4.1.2", "react-router-dom"

1熱度

1回答

反應路由器<NavLink>與活動樣式不工作，因爲我需要與根URL

我在主菜單中使用此NavLinks。問題是當'/ Test/car'鏈接被點擊'/ Test'鏈接也應用樣式。我相信這是因爲'/ Test'假設是其他鏈接的根。所以它是有道理的。但我希望'/ Test'鏈接在應用活動樣式時也可像其他鏈接一樣工作。因此，'/ Test'將僅在單擊'主頁'鏈接時應用樣式。我如何完成（以reactjs的方式）？ <Route exact path="/TEST"

0熱度

1回答

如何使用react-router v4重定向到絕對路徑？

我有一個巨大的Django的web應用程序，用它的一個模塊（一個「儀表盤」），寫有節點和反應。用戶登錄由Django模塊處理。用戶應登錄到主應用程序才能訪問儀表盤的反應，而這部分作品 - 代碼從瀏覽器獲取用戶會話，並只呈現的東西，如果有一個。我現在想將用戶重定向到主應用程序的登錄頁面，如果沒有會話，但我不知道如何與我目前的結構（這血淋淋的V4路由器）做到這一點。我使用的BrowserRout

0熱度

2回答

如何將道具從React Router 4傳遞給容器？

我正在努力從我的路由器傳遞道具到我的佈局文件，但道具customClass未被傳遞。這是我作出反應的應用程序的路由器： const WithMainLayout = ({component: Component, ...more}) => { return <Route {...more} render={props => { return ( <MainLayou

1熱度

2回答

陣營路由器V4內頁（JavaScript）的

嘗試這樣做 <Route path="/oa/work" component={Work}> <Route path="/oa/work/addwork" component={AddWork}/> </Route> 我的鏈接<Link className="btn-blue-style" to="/oa/work/addwork">Add new Job</Link> 當點擊我不動，以A