使用react路由器v4和Typescript以编程方式导航时出错:
只读和子项{
?:ReactNode;}> }类型上不存在历史属性“”history
我想在API调用成功或失败时重定向到特定路径。但无法做到这一点。
路由器代码
import { BrowserRouter as Router , Switch , Route} from 'react-router-dom';
import * as React from 'react';
class App extends React.Component<{}, {}> {
render()
{
<Router>
<Switch>
<Route exact={true} path='/' component={Login}/>
<Route path='/home' component={Home}/>
<Route path='/test' component={Test}/>
</Switch>
</Router>
}
}
export default App;
组件
import { withRouter } from "react-router-dom";
import * as React from 'react';
class Test extends React.Component<IProps, IState> {
handleSubmit = async() => {
//code for API calls
this.props.history.push("/home") // error at this line
}
render() {
// Form with validations and a submit handler
}
}
export default withRouter(Test);
https://stackoverflow.com/questions/55796569
复制相似问题