陣營JS - 組件解析問題

Question

在reactjs我有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() { 
     .... 
     .... 
    } 
} 

我得到輸出

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

我要拆分的股利陣列格式。如何讀取返回方法外的值？

請讓我知道我該怎麼處理這個..

Answer 1

不似乎是適當的方法。最好使用數組來代替。也許你可以從redux或配置文件獲取值，並通過映射數組將其作爲道具傳遞給<Options name={array.key} value={array.value}>組件。