react + typescript 项目中使用函数控制路由跳转

小小说明

最近更新博客较慢，因为最近的疫情比较严重，村子里目前也实施一些自我保护的措施，我参加了村子里面的志愿者，贡献了小小的力量，也希望一线的英雄们加油，大家共同努力，一起度过这次难关。

在 react + typescript 项目中使用函数控制路由跳转

引入依赖

import {
     withRouter, RouteComponentProps } from 'react-router-dom';

组件继承上面依赖中的路由组件接口

class testPage extends React.Component<RouteComponentProps, {
    }> {
    // ...
}

导出时使用 withRouter 包装

export default withRouter(testPage as any);

这里不建议类型声明断言为any哈，不然ts白用了，不过这块暂时没有深入研究，有发现的话，会回来更新博客的。

跳转时使用就可以像这样

public clickSearch = (value: string) => {
    this.props.history.push( '/afanda/test/testpage' );
}