如何在mongoDB檔案中查找和列印物件陣列-有解無憂

我在 mongoDB 中有這個檔案：

{
  "_id": {
    "$oid": "628f739398580cae9c21b44f"
  },
  "events": [
    {
      "eventName": "Dans",
      "eventText": "Danse",
      "eventDate": "010101"
    },
    {
      "eventName": "Spill",
      "eventText": "Spille",
      "eventDate": "020202"
    }
  ],
  "school": "H?yskolen Kristiania"
}

我試圖在他們自己的 div 中獲取每個事件（名稱、文本和日期），但似乎無法自己訪問每個“塊”。它們應該作為一個列印，并且僅在學校匹配的地方列印，我的目的是為每所學校制作不同的檔案并從那里通過查詢進行過濾。不過，這不是問題。我能夠將它們全部作為一組物件或類似物件

{
[dev:server]     _id: new ObjectId("628f739398580cae9c21b44f"),
[dev:server]     events: [ [Object], [Object] ],
[dev:server]     school: 'H?yskolen Kristiania'
[dev:server]   }

我的 API 目前看起來像這樣：當然，名稱將由 userinfo 發送，硬編碼用于測驗目的。

router.get("/", async (req, res) => {
    const name = "H?yskolen Kristiania";

    const schools = await mongoDatabase
      .collection("tempschool")
      .find()
      .toArray();

    console.log(schools);

    res.json(schools);
  });

我的客戶：

function EventCard({ event }) {
  const { eventName, eventDate, eventText } = event;

  return (
    <div>
      <h1>{eventName}</h1>
      <h3>{eventDate}</h3>
      <div>{eventText}</div>
    </div>
  );
}

export function SchoolPage() {
  const {loading, error, data} = useLoader(
      async () => await fetchJSON("/api/schools")
  );

  const school = data;

  if (loading) {
    return <div>Loading...</div>;
  }
  if (error) {
    return (
        <div>Error</div>
    );
  }

  return (
      <div>
        {school.map((event) => (
            <div key={event.name}>
              <EventCard event={event}/>
            </div>
        ))}
      </div>
  );
}

uj5u.com熱心網友回復：

我不知道你是否創建tempschool了一個MongooseSchema。你應該，然后你會查詢它，
const school = await TempSchool.findOne({school: "H?yskolen Kristiania"});
school.events然后會給你一個物件陣列。您將在前端使用它作為

return(
    <div>
      school.events.map((event) => (
              <div>
              <h1>{event.eventName}</h1>
              <h3>{event.eventDate}</h3>
              <div>{event.eventText}</div>
              </div>
              )
          )
    </div>
);

轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/481690.html

標籤：节点.js mongodb 表示

上一篇：網路選項卡中的CORS錯誤和密鑰

下一篇：返回列表