如何修复 React App 上的白屏传递功能？答案

【问题标题】：How can I fix White Screen passing function on React App?如何修复 React App 上的白屏传递功能？
【发布时间】：2022-12-12 04:23:50
【问题描述】：

我有一个基于训练营项目的 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;

【问题讨论】：

您在控制台中收到错误消息吗？如果是这样，你介意发帖吗？

标签： reactjs

【解决方案1】：

尝试像这样在 map 函数中传递参数， {props.tracks.map((track) => )}

在您的 api 返回的承诺中有一个 track 属性之前，您不能传递 track={track} 。

【讨论】：