主頁 > 作業系統 > 如何在mongoDB檔案中查找和列印物件陣列

如何在mongoDB檔案中查找和列印物件陣列

2022-05-28 01:38:41 作業系統

我在 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錯誤和密鑰

下一篇:返回列表

標籤雲
其他(140652) Python(33692) JavaScript(21464) Java(15669) C(13909) 區塊鏈(8222) AI(7469) C#(6712) 爪哇(6321) 基礎類(6313) MySQL(6184) html(5753) 熊猫(5308) sql(5287) PHP(5187) 腳本語言(PerlPython)(5129) 非技術區(4971) Linux(4849) 数组(4833) R(4643) Android(4340) 反应(4316) 数据框(3722) css(3663) 节点.js(3384) C語言(3288) C++語言(3117) json(2817) Java相關(2746) 列表(2728) 疑難問題(2699) 安卓(2620) 扑(2610) 打字稿(2530) VBA(2514) 單片機工控(2479) 细绳(2189) ASP.NET(2131) iOS(2104) MongoDB(1987) Web開發(1951) 字典(1938) 麻木的(1909) 正则表达式(1906) 循环(1902) 擅长(1832) 镖(1827) 迅速(1796) 網絡通信(1793) 蟒蛇-3.x(1774) 數據庫相關(1767) VB基礎類(1755) .NETCore(1740) Unity3D(1691) 功能(1680) C++(1660) 開發(1646) .NET技术(1638) 系統維護與使用區(1617) 弹簧靴(1605)

熱門瀏覽
  • CA和證書

    1、在 CentOS7 中使用 gpg 創建 RSA 非對稱密鑰對 gpg --gen-key #Centos上生成公鑰/密鑰對(存放在家目錄.gnupg/) 2、將 CentOS7 匯出的公鑰,拷貝到 CentOS8 中,在 CentOS8 中使用 CentOS7 的公鑰加密一個檔案 gpg -a ......

    uj5u.com 2020-09-10 00:09:53 more
  • Kubernetes K8S之資源控制器Job和CronJob詳解

    Kubernetes的資源控制器Job和CronJob詳解與示例 ......

    uj5u.com 2020-09-10 00:10:45 more
  • VMware下安裝CentOS

    VMware下安裝CentOS 一、軟硬體準備 1 Centos鏡像準備 1.1 CentOS鏡像下載地址 下載地址 1.2 CentOS鏡像下載程序 點擊下載地址進入如下圖的網站,選擇需要下載的版本,這里選擇的是Centos8,點擊如圖所示。 決定選擇Centos8后,選擇想要的鏡像源進行下載,此 ......

    uj5u.com 2020-09-10 00:12:10 more
  • 如何使用Grep命令查找多個字串

    如何使用Grep 命令查找多個字串 大家好,我是良許! 今天向大家介紹一個非常有用的技巧,那就是使用 grep 命令查找多個字串。 簡單介紹一下,grep 命令可以理解為是一個功能強大的命令列工具,可以用它在一個或多個輸入檔案中搜索與正則運算式相匹配的文本,然后再將每個匹配的文本用標準輸出的格式 ......

    uj5u.com 2020-09-10 00:12:28 more
  • git配置http代理

    git配置http代理 經常遇到克隆 github 慢的問題,這里記錄一下幾種配置 git 代理的方法,解決 clone github 過慢。 目錄 git配置代理 git單獨配置github代理 git配置全域代理 配置終端環境變數 git配置代理 主要使用 git config 命令 git單獨 ......

    uj5u.com 2020-09-10 00:12:33 more
  • Linux npm install 裝包時提示Error EACCES permission denied解

    npm install 裝包時提示Error EACCES permission denied解決辦法 ......

    uj5u.com 2020-09-10 00:12:53 more
  • Centos 7下安裝nginx,使用yum install nginx,提示沒有可用的軟體包

    Centos 7下安裝nginx,使用yum install nginx,提示沒有可用的軟體包。 18 (flaskApi) [[email protected] flaskDemo]# yum -y install nginx 19 已加載插件:fastestmirror, langpacks 20 Loading ......

    uj5u.com 2020-09-10 00:13:13 more
  • Linux查看服務器暴力破解ssh IP

    在公網的服務器上經常遇到別人爆破你服務器的22埠,用來挖礦或者干其他嘿嘿嘿的事情~ 這種情況下正確的做法是: 修改默認ssh的22埠 使用設定密鑰登錄或者白名單ip登錄 建議服務器密碼為復雜密碼 創建普通用戶登錄服務器(root權限過大) 建立堡壘機,實作統一管理服務器 統計爆破IP [root ......

    uj5u.com 2020-09-10 00:13:17 more
  • CentOS 7系統常見快捷鍵操作方式

    Linux系統中一些常見的快捷方式,可有效提高操作效率,在某些時刻也能避免操作失誤帶來的問題。 ......

    uj5u.com 2020-09-10 00:13:31 more
  • CentOS 7作業系統目錄結構介紹

    作業系統存在著大量的資料檔案資訊,相應檔案資訊會存在于系統相應目錄中,為了更好的管理資料資訊,會將系統進行一些目錄規劃,不同目錄存放不同的資源。 ......

    uj5u.com 2020-09-10 00:13:35 more
最新发布
  • 如何在mongoDB檔案中查找和列印物件陣列

    我在 mongoDB 中有這個檔案:{ "_id": { "$oid": "628f739398580cae9c21b44f" }, "events": [ { "eventName": "Dans", "eventText": "Da...

    uj5u.com 2022-05-28 01:38:41 more
  • 網路選項卡中的CORS錯誤和密鑰

    我正在開發 Vue Storefront 專案(Nuxt.js前端、Express.js后端)。我從前端發送資訊,然后在 Express.js 服務器中接收這些資訊。資訊遵循的路徑是一個Home.vue...

    uj5u.com 2022-05-28 01:38:04 more
  • (ReactJS,Axios)將檔案發布到API會導致HTTP請求沒有負載

    我已經為這個問題苦苦掙扎了幾個小時,因為我覺得我瀏覽了所有 StackOverflow,因此在 IT 作業近十年后,我在這里發表了我的第一篇文章!??長話短說,我必須將檔案(影...

    uj5u.com 2022-05-28 01:35:52 more
  • djangorest上傳多張圖片

    我正在使用 Django REST 框架開發電子商務 API,所以我希望當用戶添加新產品時,他可以上傳多個影像,我該如何使用 REST 框架來做到這一點?這是我的模型、視圖、...

    uj5u.com 2022-05-28 00:43:32 more
  • 無法更改默認Java影像(JFrame.setIconImage)

    我正在嘗試更改 Java 應用程式的圖示,但似乎沒有任何效果。我正在嘗試使用以下方法從資源路徑中獲取影像:getClass().getResource("/AppIcon.png")有時我會收...

    uj5u.com 2022-05-28 00:42:55 more
  • 將影像放在pygame網格上

    紅邊和藍邊各自的圖塊將被一個影像替換(不是一個影像將它們全部重疊,而是將一個影像粘貼到每個圖塊上)。我不確定如何去做,任何幫助將不勝感激!import pygameTIL...

    uj5u.com 2022-05-28 00:41:10 more
  • 反應:影像不顯示

    Im folgenden Code sieht man wie ich das bild darstellen m?chte, das Bild wird aber nicht angzeigt, nur der text wird angezeigt。<div> <b> Test12...

    uj5u.com 2022-05-28 00:40:27 more
  • GIF影像解析度是否固定為72ppi?

    我不明白為什么 GIF 檔案的影像解析度總是 72ppi。我嘗試使用 ImageMagick 將 PNG 轉換為指定-density為 300ppi 的 GIF,但生成的 GIF 仍然是 72ppi。
    u...

    uj5u.com 2022-05-28 00:39:20 more
  • JavascriptCanvas,調整影像大小

    我想知道如何在 JS 中使用畫布。我有以下問題:假設我輸入了一張圖片,并且在我的頁面上我可以訪問它的blob src(據我所知,這是動態獲取圖片的最佳方式):<img ... s...

    uj5u.com 2022-05-28 00:38:35 more
  • 更改訓練集中的所有影像

    我有一個卷積神經網路。我想在訓練集中的影像上訓練它,但首先它們應該用我的函式 change(tensor, float) 包裹起來,它接受 [hight,width,3] 形式的張量/影像...

    uj5u.com 2022-05-28 00:37:51 more