react-router

    0熱度

    1回答

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

    1熱度

    1回答

    所以,我以這種方式成立了幾條路線: index.js <Route exact path={pathDefault} component={Home}> <Route path={path1} component={component1}/> <Route path={path2} component={component2}/> </Route> component1.

    0熱度

    1回答

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

    0熱度

    1回答

    可以使用<Redirect>標記,可以使用redirect to another route from within React render method.如何在React組件方法中執行同樣的操作? componentDidMount?

    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(

    3熱度

    1回答

    這種情況是我使用axios從後端獲取數據,我想從當前頁面重定向到另一頁面以及傳遞一些數據。 當我使用<Redirect>重定向時,如何傳遞數據? 我正在使用類似下面的代碼,並且我無法在目標頁面上獲取'個人資料'。無論如何,this.props或this.state 我知道使用react-router-redux是一個更好的選擇。 import React, { Component } from '

    2熱度

    1回答

    我有一個小應用程序,當你打開一個選項卡時,React Route將重定向到給定的組件(容器)。並從我想要呈現子組件的容器。我使用foreach循環遍歷一個需要給孩子的道具列表。但是,孩子沒有得到渲染。 我不想使用地圖,因爲我使用依賴列表類的庫。 render() { return ( <div> {this.state.list.ForEach((element

    0熱度

    1回答

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

    1熱度

    1回答

    如果我總是重定向到應用內路由,那麼react-router-dom(v4)中的Redirect組件和this.props.history.push()之間的區別是什麼? E.g.假設我想將用戶給定的標題添加到URL中,並將其從/foo/123重定向到/foo/123/some-title(兩者都使用相同的路由/組件呈現)。 我在Redirect的某些用途中看到通過狀態。這最終會在哪裏? 這是一種反

    0熱度

    1回答

    我有這樣的: <Link to="/"> <Menu.Item name='expense List' active={activeItem === 'expense List'} onClick={this.handleItemClick} /> </Link> ,但我在控制檯得到一個錯誤: Warning: validateDOMNesting(...): <a> ca