如何在TypeScript中实现页面跳转

在TypeScript中实现页面跳转通常需要使用路由库来管理页面之间的跳转。常用的路由库包括React Router和Vue Router等。以下是使用React Router实现页面跳转的示例代码：

1. 首先安装React Router：

npm install react-router-dom

2. 在应用的入口文件中引入React Router：

import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';

3. 创建路由组件和页面组件：

import React from 'react';

const Home = () => <div>Home Page</div>;
const About = () => <div>About Page</div>;
const Contact = () => <div>Contact Page</div>;

4. 在应用中定义路由规则：

const App = () => (
  <Router>
    <Switch>
      <Route exact path="/" component={Home} />
      <Route path="/about" component={About} />
      <Route path="/contact" component={Contact} />
    </Switch>
  </Router>
);

5. 在页面中使用<Link>组件或history.push()方法来实现页面跳转：

import { Link } from 'react-router-dom';

const Navigation = () => (
  <div>
    <Link to="/">Home</Link>
    <Link to="/about">About</Link>
    <Link to="/contact">Contact</Link>
  </div>
);

这样就可以在TypeScript中实现页面跳转了。通过React Router等路由库，可以方便地管理多个页面之间的跳转逻辑。