TypeError：无法将undefined转换为object

Question

下面的代码位于组件文件中，它放在组件的render函数中。在main.js中，我声明了

this.state = {
    players: [], //used in another component
    teams = {}
};

这是组件代码中我收到错误的部分。

{Object.keys(this.props.teams)
            .map((teamName) => this.props.teams[teamName])
            .sort((teamA, teamB) => {
                return teamA.score < teamB.score;
            })
            .map((team, index) => {
                return(<Component key={index} rank={index + 1} team={team} />);
            })
        }

它突出显示第一行{Object.keys（this.props.teams），并表示无法将Undefined转换为object。它出了什么问题？