投稿した質問数 2

1

저도 map이 undefined라고 나와서

한참 찾았는데, 다른 곳 오타였어요;;

notifications:[], //빈 배열 여기에 s 빼놓음;;

import React from "react";
import Notification from "./Notification";

const reservedNotifications = [
    {
        message:"안녕, 오늘 일정은",
    },
    {
        message:"곧 점심식사 시간이야",
    },
    {
        message:"미팅이 시작된다",
    },
]

var timer;

class NotificationList extends React.Component {
    constructor(props){
        super(props);

        this.state = {
            notifications:[], //빈 배열
        }
    }

    componentDidMount(){
        const {notifications} = this.state;
        timer = setInterval(() => {
            if(notifications.length < reservedNotifications.length){
                const index = notifications.length;
                notifications.push(reservedNotifications[index]);
                this.setState({
                    notifications:notifications,
                });
            }else{
                clearInterval(timer);
            }
        }, 1000);
    }

    render(){
        return(
            <div>
                {this.state.notifications.map((notification) => {
                    return <Notification message={notification.message}/>
                })}
            </div>
        )
    }
}

export default NotificationList;

0

안녕하세요, 소플입니다.

작성하신 코드를 함께 첨부해주셔야 정확한 답변이 가능할 것 같습니다.

NotificationList 컴포넌트의 코드를 첨부해주시면 됩니다!

감사합니다.