首页 文章

React Js - 组件解析问题

提问于
浏览
0

在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 回答

  • 0

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

相关问题