Как вы переходите в реквизит к другому компоненту в 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, он не работает. Я считаю, что я делаю что-то не так в строках кода, которые я предоставил..