我正在学习有关创建 Slack 聊天的视频课程，现在我遇到了一些问题

Question

我正在尝试从数据库 (firebase) 输出消息。在控制台中一切正常，但是当它没有显示在组件中时。看起来我的 Message 组件有一些问题，但是 idk...

enter image description here

应该是这样的

Answer 1

您似乎忘记了 return displayMessages 方法中的节点元素。

这可能对您有帮助：

 displayMessages = messages => {
    // Check if message list is not empty
    if(messages.length > 0) {
        // Create new constant and collect it with messages
        const messagesList = messages.map(message => (
            <Message 
                key={message.timestamp}
                message={message}
                user={this.state.user}
            />
        ))

        // Return React Nodes collection from method
        return messagesList;
    }
    // Return null when message list is empty
    return null;
}

顺便说一句，从 firebase 获取数据时，您遇到了很多不必要的重新渲染

我正在学习有关创建 Slack 聊天的视频课程，现在我遇到了一些问题

I am having video-course about creating Slack chat and now i have some problems

reactjs

redux

react-redux

semantic-ui-react