ReactJS mit ES6: this.props ist keine Funktion, wenn ich zwei Komponenten kommuniziere

Question

ReactJS mit ES6: this.props ist keine Funktion, wenn ich zwei Komponenten kommuniziere

8

Ich arbeite mit ReactJS mit ES6, aber ich habe ein paar Probleme, um child & gt; Eltern durch Requisiten. Beispiel für meinen Ansatz:

%Vor%

Dies gibt Uncaught TypeError: this.props.filterUser is not a function zurück.

Irgendeine Idee? Bindung vielleicht?

[EDIT] Lösung (Danke @knowbody & amp; @Felipe Skinner):

Ich habe die Bindung in meinem Konstruktor nicht gefunden. Die Bindung im SearchBar-Konstruktor funktioniert einwandfrei.

Mit React.createClass() (ES5) werden automatisch Bindungen an this für Ihre Funktionen hergestellt. In ES6 müssen Sie this manuell binden. Weitere Informationen Ссылка

reactjs ecmascript-6

skozz 30.06.2015, 14:43

quelle

2 Antworten

3

Wenn Sie React.createClass () verwenden, bindet es automatisch an diese für Ihre Funktionen.

Da Sie die ES6-Klassensyntax verwenden, müssen Sie diese Bindungen selbst durchführen. Hier sind zwei Optionen:

%Vor%

Oder Sie können es an Ihren Konstruktor wie folgt binden:

%Vor%

Sie können darüber in der Dokumentation lesen: Ссылка

Beachten Sie, dass diese beiden Optionen sich gegenseitig ausschließen.

Felipe Skinner 30.06.2015 14:54

quelle

Tags und Links reactjs ecmascript-6

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Wie integriere ich TEST PayU Payment Gateway in Android-Anwendungen?

score 10 · Accepted Answer

10

Sie vermissen die Bindung in Ihrem Konstruktor, außerdem müssen Sie props nicht übergeben, wenn Sie sie nicht im Konstruktor verwenden. Sie müssen auch import { PropTypes } from 'react'

%Vor%

knowbody 30.06.2015, 15:01

quelle