react 使用router 和 ts 进行页面跳转报错

最新推荐文章于 2024-08-27 16:59:46 发布

呆子小木心

最新推荐文章于 2024-08-27 16:59:46 发布

阅读量1.6k

点赞数 1

分类专栏： TS react 文章标签： react

本文链接：https://blog.csdn.net/cc6_66/article/details/112260547

版权

TS 同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

react

3 篇文章 0 订阅

订阅专栏

使用react路由器v4和Typescript以编程方式导航时出错：

Property 'history' does not exist on type 'Readonly & Readonly<{ children?: ReactNode; }>

解决方法：
你需要导入import { RouteComponentProps } from “react-router-dom”; RouteComponentProps接口有你正在寻找的道具。
例如：

import {RouteComponentProps} from "react-router-dom";
interface IProps {}

type HomeProps = IProps & RouteComponentProps;

interface IState {}

// eslint-disable-next-line
class Login extends React.Component<HomeProps,IState> {

    constructor(props: HomeProps) {
        super(props);
    }

    public jump = () => {
        console.log('跳转');
        this.props.history.push('/index');
    }

    render() {
        return (
           <div>login</div>
        )
        }
   }