React Js - 组件解析问题答案

【问题标题】：React Js - component parsing issueReact Js - 组件解析问题
【发布时间】：2017-05-29 11:07:34
【问题描述】：

在 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 拆分为数组格式。如何读取返回方法之外的值？

请让我知道我该如何处理..

【问题讨论】：

【解决方案1】：

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

【讨论】：