對象作為 React 子級無效（找到：object 和鍵 {value}）。 如果您打算渲染一組孩子，請改用數組

Question

我收到了這個錯誤，我不太明白。 這是我的代碼。

export default function Main() {
  const [dates, setDates] = useState([]);

  function getData() {
    var ref = db.collection("posts");
    var q = ref.get().then((ss) => {
      ss.forEach((doc) => {
        setDates([...dates, doc.data().born]);
      });
    });
  }

  return (
    <div>
      <h1>Working</h1>
      <button onClick={getData}>Click me!!!</button>
      {dates.map((value, index) => {
        return <p key={index}> {{ value }} </p>;
      })}
    </div>
  );
}

我不明白為什么它將值讀取為 object，因為當我添加到數組“日期”時，我添加了一個數字。 所以它應該只是一個數字數組。 我真的很困惑，我與傳播運算符並不是那么相似。 例如，如果我要console.log(doc.data().born)它會給出一個像2001這樣的數字。 任何幫助深表感謝

Answer 1

您通過附加{ }將您的value原語顯式轉換為 object ({value:'blabla'}) 。 該插值用於Angular (and more) 。 在React中，基於 JS 的代碼只需要一個{ }包裝器，因此{ value }就是您所需要的。