Wie die Weiterleitung nach dem Erfolg von ajax-Aufruf mittels Reagieren-router-Komponente?

Baue ich eine Anwendung mit Facebook flux Architektur React JS. Ich habe bauen die basic-Teil der app, wo ich ein login-Formular. Ich bin das Holen die das Ergebnis von Knoten-server überprüft werden Benutzer beim speichern, bekomme ich das Ergebnis vom server, Jetzt kam ich nicht weiter, wie kann ich leiten den Benutzer auf die Homepage nach Erfolg.

Ich gelesen habe reagieren die router-Komponente und ich bin in der Lage, die Umleitung auf der client-Seite aber nicht in der Lage umleiten, die zum Zeitpunkt des Holens Ergebnis von ajax im Shop. Bitte helfen Sie mir.

InformationsquelleAutor Toretto | 2015-02-11
  1. 9

    Müssen Sie die transitionTo Funktion aus der Navigation mixin: http://git.io/NmYH. Es wäre so etwas wie dieses:

    //I don't know implementation details of the store,
//but let's assume it has `login` function that fetches
//user id from backend and then calls a callback with 
//this received id
var Store = require('my_store');
var Router = require('react-router');

var MyComponent = React.createClass({
  mixins: [Router.Navigation],

  onClick: function() {
    var self = this;
    Store.login(function(userId){
      self.transitionTo('dashboard', {id: userId});
    });
  },

  render: function() {
    return: <button onClick={this.onClick}>Get user id</button>;
  }
});
    • Ich habe es versucht, aber jetzt ist es geändert aber die url nicht zeigt, dass Komponente.
    • Funktioniert es, wenn Sie ändern Sie den url manuell? Wahrscheinlich Sie sollten überprüfen, dass Ihre Route verweist auf die richtige Komponente und nicht die gleichen login-Formular, dass Sie gerade den übergang aus.
    • Ich habe einen link Hinzugefügt oben, indem Sie die folgenden vimeo.com/channels/797633/page:5 'Lektion 7' für das routing und es funktioniert gut. Wenn ich auf das link-Umleitung auf die Seite und zeigt das Ergebnis aber nicht in die Falle von oben?
    • Ich habe gerade festgestellt, dass man mit react-router-component und nicht react-router. Mein schlechtes! Ich persönlich habe nicht react-router-component, aber schnell Blick in den Quellcode, statt Navigation mixin und transitionTo Funktion sollten Sie auch NavigatableMixin zu Ihr und verwenden Sie dann navigate('my_url) " ist ein redirect.
    InformationsquelleAutor kulesa
  2. 2

    Es funktionierte für mich, wenn ich Hinzugefügt, um das reagieren der element-Eigenschaften einer benötigen für den router und verwendet den router wie diesen:

    //this is the redirect
    this.context.router.push('/search');

//this should appear outside the element
    LoginPage.contextTypes = {
        router: React.PropTypes.object.isRequired
    };
    module.exports = LoginPage;
    InformationsquelleAutor Dennis Nerush
  3. 1

    Sollte diese Arbeit

    var Store = require('Store');
var Navigatable = require('react-router-component').NavigatableMixin

var LoginComponent = React.createClass({
    mixins: [ Navigatable ],

    onClick: function() {
        Store.login(function(userId){
            this.navigate('/user/' + userId)
        }.bind(this));
    },

    render: function() {
        return <button onClick={this.onClick}>Login</button>;
    }
});
    InformationsquelleAutor KungWaz
Schreibe einen Kommentar