मुझे एक त्रुटि मिल रही है क्योंकि मुझे बच्चे के संग्रह को प्रस्तुत करने के लिए एक सरणी का उपयोग करना है, हालांकि मैं एक सरणी का उपयोग कर रहा हूं

मेरे मुख्य Home.js कंपोनेंट में, मुझे अपने डेटाबेस से अपना (चीख) डेटा मिल रहा है। (मैं इसे सफलतापूर्वक प्राप्त कर रहा हूं) मैं उस डेटा को किसी अन्य घटक (Scream.js) में प्रस्तुत कर रहा हूं। मैं प्रॉप्स का उपयोग करके उस डेटा को होम में पास कर रहा हूं लेकिन मुझे वह त्रुटि मिल रही है।

त्रुटि: ऑब्जेक्ट एक प्रतिक्रिया बच्चे के रूप में मान्य नहीं हैं (पाया गया: ऑब्जेक्ट के साथ कुंजी {_सेकंड, _नैनोसेकंड})। यदि आप बच्चों का संग्रह प्रस्तुत करना चाहते हैं, तो इसके बजाय एक सरणी का उपयोग करें।

मुझे वास्तव में यह नहीं मिला !!

घर

   import { Grid } from '@material-ui/core'
import React, { Component } from 'react'
import axios from 'axios'
import Scream from '../components/Scream'

    export class home extends Component {
        state = {
        screams: null
    }
    componentDidMount() {
        axios.get('/screams')
            .then(res => {
                console.log(res.data)
                this.setState({
                    screams: res.data // Thats where the error is Comming // //But thats already an array
                })
            })
            .catch(err => console.log(err))
    }


    render() {
        let recentScreamsMarkup = this.state.screams ? (
            this.state.screams.map((scream) => <Scream scream={scream} />)
        ) : (
                <p> loading ....</p>
            );
 

     return (
            <Grid container spacing={16}>
                <Grid item sm={8} xs={12}>
                    {recentScreamsMarkup}
                </Grid>
                <Grid item sm={4} xs={12}>
                    <p>Profile........</p>
                </Grid>
            </Grid>
        )
    }
}

export default home

चीख घटक

    import React, { Component } from 'react'

import withStyles from '@material-ui/core/styles/withStyles';
import Card from '@material-ui/core/Card';
import CardContent from '@material-ui/core/CardContent';
import CardMedia from '@material-ui/core/CardMedia';
import Typography from '@material-ui/core/Typography';

    const styles = {
        card: {
            display: 'flex'
        }
    }
    
    
    class Scream extends Component {
        render() {
            const { classes, scream: { body, createdAt, userImage, userHandle, screamId, likeCount, commentCount } } = this.props
    
            return (
            <Card>
                <CardMedia
                    image={userImage}
                    title="Profile image" />
                <CardContent>
                    <Typography variant="h5">{userHandle}</Typography>
                    <Typography variant="body2" color="textSecondary">{createdAt}</Typography>
                    <Typography variant="body1">{body}</Typography>
                </CardContent>
            </Card>
        )
    }
}

export default withStyles(styles)(Scream);