如何在 React Router 中以程式設計方式導航？

使用React-Router 以程式設計方式導覽

問題：

問題：

在React 應用程式中，您需要根據條件以程式設計方式變更路線（例如，檢查使用者是否已登入）。但是，您無法直接在渲染函數中修改狀態。

解決方案：

要實現此目的，可以採用多種策略，取決於版本正在使用的React-Router：

• React-Router v4:

使用withRouter高階組件 (HOC) 來包裝目標組件。

在組件的componentDidMount 或componentWillReceiveProps 生命週期方法中使用History.push 方法導航到不同的

• React-Router v2 或v3:
• 使用React的上下文存取路由器並使用 context.router 以程式設計方式變更路由。 push.

從react-router導入browserHistory並使用browserHistory.push

實作：

實作：

使用阿方>使用：使用重定向(React-Router) v4):

以上是如何在 React Router 中以程式設計方式導航？的詳細內容。更多資訊請關注PHP中文網其他相關文章！