Πώς να προωθήσετε το Ιστορικό στο React Router v4;

Το React Router v4 είναι θεμελιωδώς διαφορετικό από το v3 (και τα προηγούμενα) και δεν μπορείτε να κάνετε το browserHistory.push() όπως παλιά.

Αυτή η συζήτηση φαίνεται να σχετίζεται αν θέλετε περισσότερες πληροφορίες:

• Η δημιουργία ενός νέου browserHistory δεν θα λειτουργήσει επειδή το δημιουργεί τη δική του περίπτωση ιστορικού και ακούει για αλλαγές σε αυτό. Έτσι, μια διαφορετική περίπτωση θα αλλάξει το url αλλά δεν θα ενημερώσει το.
• Το browserHistory δεν εκτίθεται από το react-router στο v4, μόνο στο v2.

Αντ' αυτού έχετε μερικές επιλογές για να το κάνετε αυτό:

• Χρησιμοποιήστε το συστατικό υψηλής τάξης withRouter.

Αντ' αυτού θα πρέπει να χρησιμοποιήσετε το συστατικό υψηλής τάξης withRouter και να το τυλίξετε στο συστατικό που θα προωθήσει στο ιστορικό. Για παράδειγμα:

Έτσι το έκανα:

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>
                Logout
            </div>
        );
    }
}

Χρησιμοποιήστε this.props.history.push('/cart'); για να ανακατευθύνετε στη σελίδα του καλαθιού που θα αποθηκευτεί στο αντικείμενο ιστορικού.

Καλή διασκέδαση, Michael.

Το this.context.history.push δεν θα λειτουργήσει.

Κατάφερα να κάνω το push να λειτουργεί ως εξής:

static contextTypes = {
    router: PropTypes.object
}

handleSubmit(e) {
    e.preventDefault();

    if (this.props.auth.success) {
        this.context.router.history.push("/some/Path")
    }

}