我有一个基于bootcamp项目的react应用程序。我正在开发一个组件，它需要使用.map（）来渲染另一个组件。一旦我添加了这个组件，屏幕就会变成白色，没有人知道如何修复它。
组件预白屏：

import React from 'react';
import Track from '../Track/Track';
import './TrackList.css'

class TrackList extends React.Component {
    render() {
        return (
            <div className="TrackList">
                {/* <!-- You will add a map method that renders a set of Track components  --> */}
            </div>
        )
    }
}

export default TrackList;

码后白屏：

import React from 'react';
import Track from '../Track/Track';
import './TrackList.css'

class TrackList extends React.Component {
    render() {
        return (
            <div className="TrackList">
                {this.props.tracks.map(track => <Track track={track} key={track.id} />)}
            </div>
        )
    }
}

export default TrackList;