React 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…}

我想将div拆分为数组格式。如何读取返回方法外的值？

请让我知道如何处理这个......

Answer 1

似乎不是一个正确的方法。最好使用数组。也许你可以从redux或配置文件中获取值，并通过映射数组将其作为props传递给<Options name={array.key} value={array.value}>组件。