如何使用Node.js与React.js避免向MySQL插入undefined值

现有代码的判断逻辑仅在postData.video_id为真值时才执行处理，若该字段初始为undefined，不会进入逻辑分支，最终提交到后端的字段值仍为undefined，写入MySQL时就会出现异常，可按以下方案逐层处理：

• 前端字段标准化兜底
  调整现有代码逻辑，确保字段最终值只有「符合规则的有效值」或「空值（可根据业务需求选null/空字符串）」两种可能，彻底避免undefined：

  const regex = /.*([A-Za-z0-9_\-]{11}).*/gi;
  
  // 非真值情况统一置为null，也可根据需求换成空字符串''
  if (!postData.video_id) {
    postData.video_id = null;
  } else {
    const formattedId = postData.video_id.replace(regex, "$1").trim();
    // 额外加一层格式校验，避免处理后仍不符合规则的内容入库
    postData.video_id = regex.test(formattedId) ? formattedId : null;
  }
  

  上述处理也能保证该字段一定会被传递到后端，不会因为请求库默认过滤undefined字段导致后端参数缺失。

• 后端增加二次校验兜底（推荐双保险）
  无论前端是否做了处理，后端接收参数时统一做兜底转换，避免异常值透传到数据库层。以Node.js为例：

  // 空值合并运算符兜底，undefined和null都会被转为null
  const video_id = req.body.video_id ?? null;
  

• 调整MySQL字段属性
  确保该字段设置为允许NULL，也可根据需求将默认值设为NULL或空字符串，和前后端的空值规则对齐。

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