Question

所以我目前有一个Parent组件和一个子组件。父组件包含以下内容：

 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等）。

如何严格退回字段？

Answer 1

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

从另一个组件React返回数组

1 个答案: