2017-05-29 2 views
0

In reactjs I 2-Komponenten habe, wird die 1. Komponente mir gibt den Wert wieJs Reagieren - Komponente Parsing Ausgabe

In DropDown.jsx : 

<div>1,2,3,4,5,6</div> 

ich den Wert aus der 1. Komponente Rendering und in der 2. Komponente als

Lese
import Options from './DropDown.jsx'; 
... 
... 
const Opts = <Options/>; 
... 

Der obige Wert wird korrekt gedruckt, wenn ich es innerhalb der return()-Methode im HTML-Format drucke. Aber wenn ich versuche, außerhalb Rückkehr d.h drucken:

render() { 
    {Opts} 
    return() { 
     .... 
     .... 
    } 
} 

Ich erhalte Ausgabe als

Object {$$typeof: Symbol(react.element), key: null, ref: null, props: Object, type: function…} 

ich das div zu Array-Format geteilt werden soll. Wie kann ich den Wert außerhalb der Rückgabeart lesen?

Bitte lassen Sie mich wissen, wie kann ich damit umgehen ..

+2

Was meinst du mit Split Div auf Array? obwohl ich sagen kann, dass ihr Ansatz keine gute Idee ist. –

Antwort

0

Hat scheint nicht wie eine richtige Methode. Es ist besser, stattdessen ein Array zu verwenden. Vielleicht können Sie die Werte von redux oder einer Konfigurationsdatei erhalten und sie als Requisiten an die <Options name={array.key} value={array.value}> Komponente übergeben, indem Sie das Array zuordnen.