인프런 커뮤니티 질문&답변

과연님의 프로필 이미지

작성한 질문수

따라하며 배우는 리액트, 파이어베이스 - 채팅 어플리케이션 만들기[2023.12 리뉴얼]

채팅내용 화면렌더링이 안돼요 ㅜㅜ

작성

·

190

0

 <div className="main" >
                <MainPanel
                key={currentChatRoom && currentChatRoom.id} 
                />
            </div>
        </section>

이렇게 키값도 설정하고

    renderMessage = (messages) => {
        messages.length > 0 &&
        messages.map(message => (
            
            <Message
            key={message.timestamp}
            message={message}
            user={this.props.user}
            />
           
        ))
       
    };

renderMessage도 만들어서 

 <section className="mainPanel">
                <MessageHeader />
                <div className="messages">
                    {this.renderMessage(messages)}
                </div>
                <MessageForm />
  </section>

mainPanel에서 호출해줬는데

콘솔로 찍어보면 state에 메세지들은 나오는데 화면에 뿌려지질 않아요 ㅜㅜ

https://github.com/jellybrown/chatApp

깃헙 주소입니다,, 도와주세요!!!!

답변 2

2

John Ahn님의 프로필 이미지
John Ahn
지식공유자

안녕하세요 과연님   renderMessage 부분에 {}  이 괄호를 제거해 주세요 
{} 이 괄호가 있으면 return 을 넣어주시거나  return을 안해주실거면 {} 이괄호를 뺴주셔야 합니다 ~ !  

0

과연님의 프로필 이미지
과연
질문자

감사합니다 ~~_~!!

과연님의 프로필 이미지

작성한 질문수

질문하기