我在反應類組件中有一個按鈕，如下所示
<Link to="display">
<button onClick={this.nextBtn} className="nextBtn">
Submit
</button>
</Link>
通過單擊按鈕，我需要將其路由到另一個<Display />使用函式呼叫的組件nextBtn=()=>{}。
我看到在功能組件中它可以通過，useHistory但在類組件中，我不知道該怎么做。
uj5u.com熱心網友回復：
您可以在類組件中使用它，如下所示：
class MyClass extends Component {
nextBtn = (param) => {
this.props.history.push({
pathname: `/display`,
});
}
...
}
uj5u.com熱心網友回復：
你也可以試試這個。它對我有用
import { browserHistory } from 'react-router';
class MyClass extends Component {
nextBtn = () => {
browserHistory.push('/display');
}
}
uj5u.com熱心網友回復：
您可以通過 3 種方法路由到另一個頁面……在您的情況下，您使用的是鏈接……但是您傳遞的路由名稱是錯誤的。你必須在前面用 / 傳遞路線名稱 .. 像這樣 ..
<Link to={'/display'}>
// display should be a routes name
<button className="nextBtn">
Submit
</button>
</Link>
https://reactrouter.com/web/api/Link .. 你可以在這里閱讀更多關于它的資訊..
第二...
使用 react-router-dom 包定義路由，然后在按鈕的 onClick 事件上使用下面提到的方法之一。
1. this.props.history.push("componentpath")。
2. browserHistory 物件（在 react-router 包中）。
還要檢查這個問題的解決方案......如何在react js中從一個頁面導航到另一個頁面？
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/338054.html
標籤：javascript html 反应 反应路由器 反应路由器dom