Блог

Главная - Вопросы по программированию - Я застрял в этой ошибке при повторном запросе имени из базы данных firestore

Я застрял в этой ошибке при повторном запросе имени из базы данных firestore

#javascript #reactjs

#javascript #reactjs

Вопрос:

** Объекты недопустимы как дочерние элементы React (найдено: объект с ключами {}). Если вы хотели отобразить коллекцию дочерних элементов, используйте вместо этого массив.**

Это журнал ошибок

 const createChat = () => {
    const roomName = prompt("Enter Room Name");

    if (roomName) {
      //database stuff
      db.collection('rooms').add({
        name: roomName,
      });
    }
  };

  return !addNewChat ? (
    <div className="sidebarChat">
      <Avatar src={`https://avatars.dicebear.com/api/human/${seed}.svg`} />
      <div className="sidebarChat__info">
        <h2>Master Chat</h2>
        <h5> {name} </h5>
        <p>Last Message...</p>
      </div>
    </div>
  ) : (
      <div onClick={createChat} className="sidebarChat">
        <h2>Add New Chat</h2>
      </div>

    );
}  
 <script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

Комментарии:

1. Я не вижу определения ‘name’ как переменной…

Ответ №1:

Значение name в <h5> {name} </h5> , похоже, является объектом или html, а не строкой или числом для отображения. Реакция показывает эту ошибку в то время. Попробуйте утешить значение name.