当我从 Firestore 数据库中检索名称时，我陷入了这个错误

Question

** 对象作为 React 子对象无效（找到：带有键 {} 的对象）。如果您打算渲染一组子项，请改用数组。**

This is the Error log

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>

Answer 1

<h5> {name} </h5> 中 name 的值似乎是对象或 html，而不是要显示的字符串或数字。 React 当时显示了这个错误。尝试安慰 name 的值。