【react+typesciprt】react+ts中props.history报错，找不到

发布时间:2022-01-09沉默小管-技术博客 react+ts中props.history报错，找不到 1103 2

原文地址: https://www.php-china.com//detail/86

# 问题代码
```javascript
interface CurProps {

}
interface dataInterface{
    data?:any,
    message:string|number,
    code:number
}
interface resInterface{
    data:dataInterface
}
class Login extends Component<CurProps, CurState>{
    constructor(props:CurProps){
        super(props);
    }
    //组件渲染完成后调用
    componentDidMount=()=>{
       this.props.history.push('/');
    }
    render(){
		return (
			<>1111</>
		)
	}
}
export default Login;
```

# 解决流程
1.把CurProps 继承RouteComponentProps
2.页面导出需要用withRouter()包裹
正确代码:
```javascript
import {RouteComponentProps, withRouter} from "react-router-dom";

interface CurProps extends RouteComponentProps{

}
interface dataInterface{
    data?:any,
    message:string|number,
    code:number
}
interface resInterface{
    data:dataInterface
}
class Login extends Component<CurProps, CurState>{
    constructor(props:CurProps){
        super(props);
    }
    //组件渲染完成后调用
    componentDidMount=()=>{
       this.props.history.push('/');
    }
    render(){
		return (
			<>1111</>
		)
	}
}
export default withRouter(Login);
```