[material-ui], [redux-from] Wählen Sie mit dynamischen Optionen

9

Ich fordere Daten vom Backend an. Die Daten sind die Geschenkdaten und die Personendaten.

Mein Ziel ist es, das Geschenk und die Person zu verbinden. Jede Person nimmt ein Geschenk.

Ich verwende das material-ui und das redux-form Paket.

Der Personendatenbaum ist wie folgt:

%Vor%

Ich möchte dieses Ergebnis erhalten:      Ich klicke auf select , 3 (wenn die Daten der Backend-Person 3 Personen sind) wird Person item (Option) angezeigt.

Ich verwende den Redux-Status state.sendGood.driftMemberArray.formData , um Personendaten zu speichern.

Mein Code ist unten:

%Vor%

Als Ergebnis zeigt der Fehler:

  

Uncaught (in Versprechung) TypeError: Kann Eigenschaft "Karte" von undefined

nicht lesen

{member.hobbies.map( (item,keyIndex) => <MenuItem key={keyIndex} value={keyIndex} primaryText='hahah'/>

Mein Problem ist wahrscheinlich in diesem Code.

Ich benutze das

%Vor%

Ersetzen Sie den Code

%Vor%

Der Browser rendert gut.

Ich möchte dynamische Optionen der Auswahl realisieren.

Wie auch immer, kann mein Ziel erreichen, ist OK. Wenn Sie dieses Problem nicht verstehen, nachdem Sie meine Beschreibung gelesen haben. Ich werde dieses Problem erneut bearbeiten.

    
jiexishede 25.04.2017, 02:37
quelle

2 Antworten

0
___ antwort43769419 ___

Sie sehen, die Konsole zeigt Ihnen, dass hobbies nicht definiert ist. Beginnen Sie mit dem Debuggen von fields . Was siehst du nach console.log(fields); in renderMembers ?

    
___ tag123reactjs ___ React ist eine JavaScript-Bibliothek zum Erstellen von Benutzeroberflächen. Es verwendet ein deklaratives Paradigma und zielt darauf ab, sowohl effizient als auch flexibel zu sein. ___ tag123materialui ___ Reagieren auf Komponenten, die das Materialdesign von Google implementieren. http://material-ui.com ___ qstntxt ___

Ich fordere Daten vom Backend an. Die Daten sind die Geschenkdaten und die Personendaten.

Mein Ziel ist es, das Geschenk und die Person zu verbinden. Jede Person nimmt ein Geschenk.

Ich verwende das %code% und das %code% Paket.

Der Personendatenbaum ist wie folgt:

%Vor%

Ich möchte dieses Ergebnis erhalten:      Ich klicke auf %code% , 3 (wenn die Daten der Backend-Person 3 Personen sind) wird Person %code% (Option) angezeigt.

Ich verwende den Redux-Status %code% , um Personendaten zu speichern.

Mein Code ist unten:

%Vor%

Als Ergebnis zeigt der Fehler:

  

Uncaught (in Versprechung) TypeError: Kann Eigenschaft "Karte" von undefined

nicht lesen

%code%

Mein Problem ist wahrscheinlich in diesem Code.

Ich benutze das

%Vor%

Ersetzen Sie den Code

%Vor%

Der Browser rendert gut.

Ich möchte dynamische Optionen der Auswahl realisieren.

Wie auch immer, kann mein Ziel erreichen, ist OK. Wenn Sie dieses Problem nicht verstehen, nachdem Sie meine Beschreibung gelesen haben. Ich werde dieses Problem erneut bearbeiten.

    
___ qstnhdr ___ [material-ui], [redux-from] Wählen Sie mit dynamischen Optionen ___ answer48465778 ___

Wenn die App geladen wird, ist die member.hobbies möglicherweise noch nicht definiert. Versuchen Sie, eine Variable zu deklarieren, um dieses Array als null zu setzen, wenn es nicht definiert ist:

%Vor%

und dann:

%Vor%     
___ tag123reduxform ___ Redux Form arbeitet mit React und Redux, um einem Formular in React die Verwendung von Redux zum Speichern seines gesamten Status zu ermöglichen. ___
Roman Maksimov 03.05.2017 20:28
quelle
0

Wenn die App geladen wird, ist die member.hobbies möglicherweise noch nicht definiert. Versuchen Sie, eine Variable zu deklarieren, um dieses Array als null zu setzen, wenn es nicht definiert ist:

%Vor%

und dann:

%Vor%     
Janaina Silva 26.01.2018 16:45
quelle

Tags und Links