從 React.Componet 以編程方式導航 React Router V6

Question

有很多關於如何在 React Router V6 的函數式編程和鈎子上導航的文檔。 例如：

https://reactrouter.com/docs/en/v6/getting-started/tutorial#navigating-programmatically

import { useNavigate } from "react-router-dom";

let navigate = useNavigate();

navigate("/some/url");

但是如果 React.Component 正在擴展，沒有任何文檔可以導航。 如何從 React.component 以編程方式完成導航？

Answer 1

這是我能找到的唯一解決方法

 import * as React from "react"; class Dashboard extends React.Component { constructor(props) { super(props); this.goTo = this.goTo.bind(this); } goTo() { window.location.href = "/about"; } render() { return ( <div> <h1>Dashbaord</h1> <button onClick={this.goTo}>Go Home</button> </div> ); } } export default Dashboard;