그대로 넣으면 map을 찾지 못한다는 오류가 나옵니다

처음 만난 리액트(React)

(실습) state 사용하기

작성

320

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.이런 오류가 나오면서 따로 실행이 되지 않습니다

HTML/CSS javascript react

답변 2

top1052

저도 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;