• 카테고리

    질문 & 답변
  • 세부 분야

    풀스택

  • 해결 여부

    미해결

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

20.12.06 16:35 작성 조회수 139

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

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

0

과연님의 프로필

과연

질문자

2020.12.07

감사합니다 ~~_~!!