json - 如何将道具传递给 TabBarIOS 中的另一个组件？

Question

      <TabBarIOS.Item
        icon={{uri: base64Icon, scale: 3}}
        title="Match Facts"
        badge={this.state.notifCount > 0 ? this.state.notifCount : undefined}
        badgeColor="black"
        selected={this.state.selectedTab === 'matchFacts'}
        onPress={() => {
          this.setState({
            selectedTab: 'matchFacts',
          });
        }}>
        <MatchFacts propsToCall={this.props.matchFacts}/>
      </TabBarIOS.Item>

===================

MatchFacts 组件

constructor(props) {
super(props)

this.state = {
  selectedTab: 'matchFacts',
  matchInfo: {}
}

  }

  componentWillMount(){
        this.setState({
          matchInfo : this.props.matchFacts
        })

   console.log(this.state.matchInfo)
  }

  componentDidMount(){
console.log('did mount ' + this.state.matchInfo.localteam_name)
  }

在我的 TabBar.Item 选项卡中，我想传入 this.props.matchFacts 以便它可以在 MatchFacts 组件中使用。当我在包含“ MatchFacts propsToCall={this.props.matchFacts} ”的行上传递它时，我认为理论上应该将道具传递给下一个组件。当我尝试访问 MatchFacts 组件中的道具时，它不起作用。我相信我在我提供的代码行中做错了..