首頁猿問如何推動(dòng)歷史在反應(yīng)路由器v4？

如何推動(dòng)歷史在反應(yīng)路由器v4？

React.JS

炎炎設(shè)計(jì) 2019-07-01 16:05:40

如何推動(dòng)歷史在反應(yīng)路由器v4？在當(dāng)前版本的Reaction路由器(V3)中，我可以接受服務(wù)器響應(yīng)并使用browserHistory.push若要轉(zhuǎn)到適當(dāng)?shù)捻憫?yīng)頁面，請執(zhí)行以下操作。但是，這在v4中是不可用的，我也不知道如何正確地處理這個(gè)問題。在本例中，使用Redux，組件/應(yīng)用程序-產(chǎn)品-form.js打電話this.props.addProduct(props)當(dāng)用戶提交表單時(shí)。當(dāng)服務(wù)器返回成功時(shí)，用戶將被帶到購物車頁面。// actions/index.jsexport function addProduct(props) { return dispatch => axios.post(`${ROOT_URL}/cart`, props, config) .then(response => { dispatch({ type: types.AUTH_USER }); localStorage.setItem('token', response.data.token); browserHistory.push('/cart'); // no longer in React Router V4 });}如何從ReactiveRoutv 4函數(shù)重定向到購物車頁面？

查看完整描述

3 回答

撒科打諢

TA貢獻(xiàn)1934條經(jīng)驗(yàn) 獲得超2個(gè)贊

我就是這樣做的：

import React, {Component} from 'react';export default class Link extends Component {
    constructor(props) {
        super(props);
        this.onLogout = this.onLogout.bind(this);
    }
    onLogout() {
        this.props.history.push('/');
    }
    render() {
        return (
            <div>
                <h1>Your Links</h1>
                <button onClick={this.onLogout}>Logout</button>
            </div>
        );
    }}

使用this.props.history.push('/cart');要重定向到Cart頁面，它將保存在歷史對象中。

反對回復(fù) 2019-07-01