从另一个组件返回数组反应

Question

所以我目前有一个父组件和一个子组件。父组成部分包括以下内容：

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中的子组件中的数组字段，但是，它没有。它返回一个对象，其中包含一系列其他对象（键/ props/ref/type/_owner/_store等）。

如何严格返回字段？

Answer 1

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