首页 > 解决方案 > 提交表单时,如何为空的材质 UI 文本字段提供 null 值,而不是空字符串?

问题描述

我的问题是文本字段的默认值为零,但是当我提交表单时,文本字段的值是一个空字符串,我不希望这样。我希望该值最后为零。我该如何实施?

我的 JSON 的一部分:

"basicData": {
 "name": ""
 "partner": ""
 "riskFactor": ""
}

但我想要的是这个:

"basicData": {
 "name": null
 "partner": null
 "riskFactor": null
}

标签: javascriptreactjstypescriptmaterial-ui

解决方案


也许有更有效的方法,但这是我想到的第一个解决方案。我可以建议您在表单提交操作之前将空字符串转换为 null。

Object.keys(YourData.basicData).forEach(key => {
  if(YourData.basicData[key] === ""){
    YourData.basicData[key] = null;
  }
})

推荐阅读