ReactでFirebaseの値の受け渡しができない？！

Question

Firebaseについて質問したいのですが、Realtime Databaseの値の受け渡しがページ遷移時だけできないのですが、原因は何でしょうか？
this.state.data[1].IDに、値を出力したいです。
Reactを使っています。

エラーメッセージ

TypeError: Cannot read property 'ID' of undefined

###ソースコード

RankingNormal.js

import React from "react";
import firebase from 'firebase';
import 'firebase/storage';

class RankingNormal extends React.Component{
    constructor(props){
        super(props);
        this.state={
            data:[],
            userData:[],
        }
        this.getFireData();
        this.sortData = this.sortData.bind(this);
    }

    getFireData(){
        //database取得
        let db = firebase.database();
        //データパスの取得
        let ref = db.ref("userInfo/");
        
        let self=this;

        console.log(ref);
        
        //データ取得時のメソッド
        ref
            //並び変えメゾット
            //キーによって並び変える
            .orderByKey()
            //フィルターメゾット
            //最初から引数の数だけ取り出す
            .limitToFirst(5)
            //第一引数処理のイベント名
            //snapshotはイベント時にうけとった
            //データの情報をまとめたオブジェクト
            .on('value',snapshot=>{
                self.setState({
                    data : snapshot.val()
                });
            });
        
        this.sortData();
    }

    sortData(){
       this.state.data.sort();
    }

    render(){
        return (
            <div><br />
                <div>{this.state.data[1].ID}</div>
                <div><span style={{paddingRight:70}}>BestTime</span>　<span>Name</span></div> <br />
                <div><span style={{paddingRight:100}}>w</span>　<span>w1</span></div> 
                <div><span style={{paddingRight:100}}>s</span>　<span>s1</span></div> 
                <div><span style={{paddingRight:100}}>j</span>　<span>j1</span></div> 
                <div><span style={{paddingRight:100}}>f</span>　<span>f1</span></div> <br />
            </div>                  
        );
    }
}
export default RankingNormal;

firebaseのソースコード

{
  "userInfo" : [ null, {
    "ID" : "toi",
    "Pass" : "ace",
    "easyTime" : 0,
    "hardTime" : 0,
    "nomalTime" : 0
  }, {
    "ID" : "bbb",
    "Pass" : "ace",
    "easyTime" : 0,
    "hardTime" : 0,
    "nomalTime" : 0
  }, {
    "ID" : "ddd",
    "Pass" : "ace",
    "easyTime" : 0,
    "hardTime" : 0,
    "nomalTime" : 0
  }, {
    "ID" : "eee",
    "Pass" : "ace",
    "easyTime" : 0,
    "hardTime" : 0,
    "nomalTime" : 0
  }, {
    "ID" : "ccc",
    "easyTime" : 0,
    "hardTime" : 0,
    "nomalTime" : 0,
    "pass" : "ace"
  }, {
    "ID" : 9
  } ]
}