小编Fah*_*ser的帖子

我遇到了一个问题，我试图渲染将数组的数据传递给卡片组件，但它没有出现在页面上，卡片组件会自行正常呈现：

import React, { Component } from 'react'
import { Container, Grid, Card, Segment, Header } from 'semantic-ui-react';
import ArticleCard from './ArticleCard';


export default class NewsGrid extends Component {
    render() {
        const {News} = this.props
        console.log(News)

        return (
            <div>
                <Container style={{marginTop: '7%'}}>
                <Grid stackable divided >
                    <Grid.Column style={{width: '66.66%'}}>
                        <Card.Group>
                            {
                                News.map(({id, ...otherArticleProps}) => (
                                    <ArticleCard key={id} {...otherArticleProps} />
                                ))
                            }
                        </Card.Group>
                    </Grid.Column>

                </Grid>
            </Container>
            </div>
        )
    }
}

console.log() 显示数据确实存在

并且我将数组作为来自父页面组件的道具传递，数据通过 useEffect 中的火焰链接 API 传递，如下所示：

import React, { useEffect, …