從另一個組件返回數組反應

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();。這將返回你的數組。