У меня есть видео-курс о создании чата Slack, и теперь у меня есть некоторые проблемы

Question

Я пытаюсь выводить сообщения из базы данных (firebase).В консоли все хорошо, но когда это не отображается в компоненте.Похоже, у меня есть некоторые проблемы с компонентом сообщения, но idk ...

https://github.com/Dronrom/app вот код

введите описание изображения здесь

Это должно быть так

Answer 1

похоже, что вы забыли вернуть Node Elements из вашего метода 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