はJsとを反応させるの - reactjsでコンポーネントの解析問題

Question

私は2つのコンポーネントを持っている、第一の成分が、私は第一のコンポーネントから値をレンダリングし、

として第二のコンポーネントでそれを読んでいる

In DropDown.jsx : 

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

のように私に値を与えています

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

私がreturn()メソッド内にHTML形式で印刷すると、上記の値が正しく印刷されています。しかし、私はリターンすなわち外に印刷しようとします

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

私は、アレイ形式にdiv要素を分割したい

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

として、私は出力を取得しています。返品方法の外で値を読み取るにはどうすればよいですか？

私はこれを処理する方法を教えてください。..

Answer 1

適切な方法のように思えるしません。代わりに配列を使用する方がよいでしょう。おそらく、あなたはreduxか設定ファイルから値を取得し、配列をマッピングすることによって<Options name={array.key} value={array.value}>コンポーネントにpropsとして渡すことができます。