history.push in react router 4-Java 学习之路

如何使用反应路由器4有条件地将路径推送到历史记录？我得到错误'history.push不是函数' .

我不是在寻找重定向，而是使用浏览器中的后退按钮也能正常工作 .

import React from 'react';
import ReactDOM from 'react-dom';
import {BrowserRouter, Switch, Route, Redirect} from 'react-router-dom';


import Signup from './components/Signup';
import Welcome from './components/Welcome';


class App extends React.Component {

    constructor() {
        super();
        this.state = {
            isLoggedIn: false
        };
    }

    render() {
        return (
            <BrowserRouter>
                <div>
                    <Route exact path="/signup" component={Signup}/>
                    <Route exact path="/welcome" component={Welcome}/>
                    <Route exact path="/" render={() => (
                        this.state.isLoggedIn ?
                            history.push('/welcome') : history.push('/signup')
                    )}/>
                    <Redirect to="/"/>
                </div>
            </BrowserRouter>
        );

    }
}


ReactDOM.render(<App/>, document.getElementById('root'));

1 回答

2
Redirect组件上有一个选项可以完全按照您的要求执行操作 .
```
<Redirect to="/" push />
```
将进行导航，并推送到浏览器历史记录

history.push 总觉得我错了:)
回复于 2024-04-29T19:03:35+08:00

history.push in react router 4

1 回答

相关问题