Question

我正在尝试从数据库（firebase）输出消息。在控制台中，一切正常，但是在组件中未显示时。看来我在Message组件上有一些问题，但是idk ...

应该是这样的

Answer 1

似乎您忘记了从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聊天的视频课程，现在我遇到了一些问题

1 个答案: