从另一个组件 React 返回数组答案

【问题标题】：Return back array from another component React从另一个组件 React 返回数组
【发布时间】：2017-08-17 09:59:21
【问题描述】：

所以我目前有一个父组件和一个子组件。父组件由以下部分组成：

 import React, { Component } from 'react'
 import ActivityGenericFields from './activityGenericFields'


        class ActivityTypeSelector extends Component {

          render () {
          let activityFields = <ActivityGenericFields />
          console.log(activityFields)
            return (
              <div>
              </div>
            )
          }
        }
        export default ActivityTypeSelector

还有一个名为 ActivityGenericFields 的子组件

import React, { Component } from 'react'
import propTypes from 'prop-types'

export default () => {

    let fields = [
    {
        active: true,
        dataType: 'Boolean',
        key: 'order',
        field: 'order',
        label: 'Private',
        order: 11,
        readOnly: false,
        mandatory: false,
      },
    ]
  return {fields}
}

我遇到的问题是我的父组件中有一个 console.log(activityFields)，它应该返回 ActivityGenericFields 中子组件中的数组字段，但是它没有。它返回一个对象，其中包含一系列其他对象（key/props/ref/type/_owner/_store 等）。

如何严格返回字段？

【问题讨论】：

标签： reactjs

【解决方案1】：

将let activityFields = <ActivityGenericFields /> 更改为let activityFields = ActivityGenericFields();。这将返回您的数组。

【讨论】：