React在非组件里进行路由跳转

// history.js
import { createBrowserHistory } from 'history'
import { unstable_HistoryRouter as HistoryRouter } from 'react-router-dom'
const history = createBrowserHistory()

export {
    HistoryRouter,
    history
}

// app.tsx
import { HistoryRouter, history } from './utils/history'
import pcRouter from '@p/router'; // 路由文件路径

const AppRoutes = () => useRoutes(pcRouter);

function App () {
    return (
        <HistoryRouter history={history}>
	        <AppRoutes />
        </HistoryRouter>
    )
}

export default App

// 使用路由跳转的文件内使用方法
import { history } from "./history";

history.push("/login")