Set onClick Wert in JS Reagieren

Ich bin derzeit getestet und ich habe ein problem das ich nicht lösen kann. Ich wollen im Grunde ändern die onClick-Wert aus einer div.btn bevor ich drauf klicke. Der javascript-code ist in react.js und verfügbar hier. Der Teil, den ich gerne ändern ist hier:

React.createElement("div", {className: "img"},
                            React.createElement("div", {className: "btn noShadow", onClick: this.sendVote.bind(this, this.props.data.candidate1.id)}, this.props.data.translations.vote),
                            React.createElement("img", {src: domain + this.props.data.candidate1.img_challenge_url, onClick: this.sendVote.bind(this, this.props.data.candidate1.id)})
                        ),

Ich versuche, um den Wert von div.btn.noShadow auf "12345", normalerweise würde ich einfach Folgendes tun Tampermonkey:

$("#div.content > div.left > div.img > div.btn.noShadow").attr("onclick", "sendVote(12345)")

Aber dies scheint nicht zu funktionieren, weil react.js änderungen der DOM. Ich bin ziemlich neu hier und habe keine Ahnung, wie Sie diese erreichen.

  • Haben Sie versucht, die übergabe der onClick-down, die als requisite von den Eltern auf das Kind? Auf diese Weise, die Eltern können kontrollieren, was der onClick sollte.
  • Nein, weil ich wirklich don ' T haben keine Ahnung, wie das geht :/
  • Gut, Wann genau Sie tun müssen, ändern die onClick? Sie sagte nur:', bevor Sie auf div.btn', aber das entspricht nicht zu jedem event. Wenn Sie eine Veranstaltung (onChange, etc), dann im event-handler, können Sie ändern die onClick-mit setState.
InformationsquelleAutor Paranoia | 2015-07-09
  1. 1

    Reagieren In Philosophie, würden Sie auslösen möchten ein re-render (die getan werden kann, durch änderung des Aggregatzustandes), und die änderung der markup basierend auf den Zustand/etwas Kondition.

    getInitialState: function () {
    return {
        //...
        fn: this.sendVote.bind(this, this.props.data.candidate1.id)
    };
},
render: function () {
    return (
        //...
        React.createElement("whatever", {
            //...
            onClick: this.state.fn
        });
    );
}

    Wenn Sie ändern möchten, klicken Sie auf Rückruf:

    this.setState({ fn: function blah() {} });

    edit: JSFiddle

    Seite Hinweis:

    Wenn die Komponente, die ein Elternteil hat, mit Requisiten eher als Zustand ist besser der Praxis.

    • Danke für die Antwort, sehe ich nicht wirklich wo ich das einstellen kann hier der Wert. Aber wie gesagt, ich bin Total neu hier und ich habe keine Ahnung, was ich genau. Jede mögliche Hilfe würde geschätzt!
    • Ich habe ein JSFiddle-Beispiel, das wird hoffentlich helfen. Auch, was meinst du mit "wo kann ich den Wert"? Beziehen Sie sich, wo Sie können die neue onClick-Funktion oder etwas anderes?
    • Vielen Dank für das investieren deiner Zeit! Ich werde versuchen, das zu klären: ich bin versucht, ändern die onClick-Wert eines div.btn, die bereits gerendert wurde mit einem userscript. Ich habe keinen Zugriff auf die Seite/script selbst (gut, ich weiß, aber wir werden testen, ob die Meisterschaft hatten wir die Möglichkeit hat zu betrügen), die Konkurrenz ist hier: goo.gl/ylyTgj (und Nein, ich will nicht teilnehmen, nur testen!).
    InformationsquelleAutor deleted user
Schreibe einen Kommentar