Почему только один из двух объектов из массива передается как реквизит?

Я пытаюсь передать реквизит другому компоненту. Данные (событие) поступают из вызова выборки. Я получаю реквизит, но не так, как ожидал. Когда я запустил console.log в willMount, я смог получить только первый объект, а когда я зашел в консоль в функции рендеринга, я получил оба объекта. В идеале я хотел бы получить оба объекта в функции willMount. Может ли кто-нибудь объяснить, почему это происходит, и есть ли способ заставить их обоих войти в систему через консоль willMount? Thaспасибо.

//PARENT
whoHasGame = (event) => {
        if(event.error){
            return;
        }else{
            console.log("event in MV", event)//console logs correctly
            this.setState({
                leagueInfo: <LeagueCard event={event}/>
            })
        }
    }

    render(){
        return (
            <ScrollView>
                {this.state.leagueInfo}
            </ScrollView>    
            );
    }

  //CHILD
  export default class LeagueCard extends Component {
  constructor(props) {
    super(props);
    this.state = {}
  }


  componentWillMount() { 
    console.log(this.props.event) //only the first object makes it
  };



  render() {
    //console.log(this.props.event)<-- but here both objects make it

    return (
      <View>
        <CardSection>
          <Text>League Name Goes Here</Text>
        {/* <TouchableOpacity onPress={this.display}>
          <Card>
            <CardSection>
              {this.state.matches}
            </CardSection>
          </Card>
        </TouchableOpacity> */}
        </CardSection>
      </View>
    )
  }
}