如何通过Mongoose关联模型获取并展示引用字段（如用户名）

第一步：修正Reserve模型的关联引用 #

你的Reserve模型中user字段的ref值有误，User模型导出的名称是User，但你写的是Users，这会导致后续关联查询失效。修改Reserve模型的对应字段：

const reserveSchema = mongoose.Schema({
    user: {
        type: mongoose.Schema.Types.ObjectId,
        required: true,
        ref: 'User' // 修正为和User模型一致的名称
    },
    // 其他字段保持不变
}, {
    timestamps: true,
})

第二步：后端查询时使用populate关联User数据 #

在查询Reserve数据时，通过Mongoose的populate方法，把关联的User文档数据一起查询出来。你可以指定只获取需要的字段（比如name），减少数据传输量：

const Reserve = require('./models/Reserve');

// 示例：查询所有预订并关联User的name字段
const getReserves = async (req, res) => {
  try {
    // populate第一个参数是关联字段名，第二个参数是要获取的User字段（多个用空格分隔）
    const reserves = await Reserve.find().populate('user', 'name');
    res.status(200).json(reserves);
  } catch (error) {
    res.status(500).json({ message: error.message });
  }
};

第三步：前端修改展示逻辑 #

现在后端返回的reserves.user不再是ObjectID，而是包含name字段的User对象，直接访问name字段即可展示。同时建议添加可选链处理数据加载或关联失败的情况：

function ReservesContent({reserves}) {
  
    return (
        <div className='info-container'>
            {/* 使用可选链避免user为undefined时报错 */}
            <p id='requestor'>{reserves.user?.name}</p>
            <p id='purpose'>{reserves.purpose}</p>
            <p id='building'>{reserves.bldg}</p>
            <p id='room'>{reserves.room}</p>
            <p id='time_in'>{reserves.time_in}</p>
            <p id='time_out'>{reserves.time_out}</p>
        </div>
    );
}

export default ReservesContent

内容的提问来源于stack exchange，提问作者Thirdy Raza