如何将Electron端MongoDB对象转为React端可用的普通格式？

嘿，我来帮你搞定这个问题！你遇到的情况其实很常见——虽然你用了lean()让Mongoose返回普通JS对象，但BSON的ObjectID类型并没有自动转换成字符串，当通过IPC从Electron主进程传给React渲染进程时，这个特殊的BSON对象会被序列化成带有_bsontype和id属性的结构，而不是我们想要的十六进制字符串。

下面给你两个靠谱的解决方案，推荐优先用第一种，从源头处理更干净：

方法一：在Electron端（主进程）转换ObjectID为字符串 #

方案1：通过Schema配置自动转换 #

在你的Building模型的Schema里添加toJSON转换规则，这样无论是否用lean()，查询结果在序列化时都会自动把_id转成字符串：

const mongoose = require('mongoose');

const buildingSchema = new mongoose.Schema(
  {
    // 你的集合字段定义
    name: String,
    // ...其他字段
  },
  {
    toJSON: {
      transform: function(doc, ret) {
        // 把ObjectID转成字符串
        ret._id = ret._id.toString();
        // 可选：移除不需要的__v版本号字段
        delete ret.__v;
      }
    }
  }
);

const Building = mongoose.model('Building', buildingSchema);

之后你的查询代码不需要额外改动，IPC传递给React的数据里_id就会是字符串格式了。

方案2：查询后手动转换 #

如果不想修改Schema，也可以在lean()查询之后，手动遍历结果把_id转成字符串：

loadBuildings: (callback) => {
  Building.find().lean()
    .then(bs => {
      // 遍历每个建筑对象，转换_id为字符串
      const formattedBuildings = bs.map(building => ({
        ...building,
        _id: building._id.toString()
      }));
      callback(formattedBuildings);
    })
}

方法二：在React端（渲染进程）处理 #

如果因为某些原因没法在Electron端处理，也可以在React收到数据后手动转换：

// 假设你从IPC拿到的原始数据是buildings数组
const processedBuildings = buildings.map(building => ({
  ...building,
  // 判断_id是否是BSON对象，是的话转成字符串
  _id: building._id?._bsontype === 'ObjectID' 
    ? building._id.toString() 
    : building._id
}));

不过这个方法属于“下游补救”，不如在主进程处理来得优雅。

为什么lean()没解决问题？ #

这里要澄清一下：lean()的作用是让Mongoose返回普通的JavaScript对象，而不是带有Mongoose文档方法的实例，但它并不会把BSON的ObjectID类型自动转换成字符串——ObjectID本身还是一个特殊的对象，IPC序列化时会保留它的内部结构，所以到React端就变成了你看到的那个带元数据的格式。

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