在 React.js 中将 MongoDB 数据发送到数组中

Posted 2023-02-16

【中文标题】在 React.js 中将 MongoDB 数据发送到数组中

【英文标题】：Sending MongoDB data into an array in React.js

【发布时间】：2022-01-16 08:49:54

【问题描述】：

我想知道我在尝试将 MongoDB 数据导入 ReactJS 数组时是否遗漏了什么。这让我在过去一天左右的时间里被困住了，我一生都无法弄清楚。到目前为止，这是我正在做的尝试将其引入 （导入的数据是一个MongoDB集合，有两个条目，代码和名称）

    // find the course object with the id route parameter
    let course:(Course | undefined) = courses.find(item => item._id === id);
    let courseArray:any[] = [];
    const checkCheckboxes = () => 
        if (course !== undefined) 
            for (let i:number = 0;i < courses.length;i++) 
                courseArray.push(course.code + course.name);
            
        
    

相关课程集：

// drop collection if already exists
db.courses.drop();
// insert new documents into collection
db.courses.insert([
    
        "code":"WEBD1000",
        "name":"Website Development"
    ,
    
        "code":"PROG2700",
        "name":"Client Side Programming"
    ,
    
        "code":"INET2005",
        "name":"Web Application Programming I"
    ,
    
        "code":"WEBD3000",
        "name":"Web Application Programming II"
        
    ,
    
        "code":"PROG3017",
        "name":"Full Stack Programming"
    ,
    
        "code":"APPD1001",
        "name":"User Interface Design & Development"
    ,
    
        "code":"WEBD3027",
        "name":"Developing for Content Management Systems"
    ,
    
        "code":"PROG1400",
        "name":"Intro to Object Oriented Programming"
    ,
    
        "code":"PROG1700",
        "name":"Logic and Programming"
    
]);

有什么想法吗？

【问题讨论】：

你能console.log课程吗？

我想你可以试试Array.from(courses).find(...)

当然，我会在帖子中调出课程数据库，一会儿编辑：它就在 MongoDB 中

我的意思是，你能不能在前面（reactjs）console.log(courses) 而不是你插入的内容：D

【参考方案1】：

不妨试试这个：

let course:(Course | undefined) = courses.findOne(_id: ID_GOES_HERE);