阵营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}>组件。