Reactjs JSON 数据导入模型类答案

【问题标题】：Reactjs JSON data into model classReactjs JSON 数据导入模型类
【发布时间】：2020-01-20 11:08:44
【问题描述】：

Web API 服务某些列未从服务返回。因此，我在正面使用的列可能会出现undefined 错误。因为如果一个字段是空的，它不会从服务中返回。这是公司的规定，我不能改变！

我可以添加不在数据中的列。但我不想这样做，因为性能。因为更多的记录可以来自服务

可以用 ReactJS 完成数据建模吗？我该怎么做？

从 Web API 服务返回的数据：

[
  {
    "approvementType": "Waiting Approvement",
    "processName": "update",
    "screeName": "XYZ",
    "customerNo": 12345,
    "customerAccountNo": 12345,
    "customerName": "Paul",
    "description": "updating data"
   },
   {
    "processName": "insert",
    "screeName": "ABC",
    "customerNo": 12345,
    "customerName": "Alex",
    "description": "inserting data"
   }
   {
    "approvementType": "Complete Approvement",
    "customerNo": 987,
    "customerName": "Kane",
    "customerAccountNo": 0,
    "description": "complete data",
   }
]

应该是数据建模后的结果：

[
  {
    "approvementType": "Waiting Approvement",
    "processName": "update",
    "screeName": "XYZ",
    "customerNo": 12345,
    "customerAccountNo": 12345,
    "customerName": "Paul",
    "description": "updating data"
   },
   {
    "approvementType": "",
    "processName": "insert",
    "screeName": "ABC",
    "customerNo": 12345,
    "customerAccountNo": 0,
    "customerName": "Alex",
    "description": "inserting data"
   }
   {
    "approvementType": "Complete Approvement",
    "processName": "",
    "screeName": ""
    "customerNo": 987,
    "customerName": "Kane",
    "customerAccountNo": 0,
    "description": "complete data",
   }
]

【问题讨论】：

标签： reactjs data-modal

【解决方案1】：

如果属性不在响应中，则前端不知道该属性，在这种情况下，您需要手动添加到您的对象，或者您可以将 TypeScript 与您的 react 应用程序一起使用以获得强类型支持并为您的模型创建接口

此链接显示如何将 TypeScript 与 React 连接起来

https://www.typescriptlang.org/docs/handbook/react-&-webpack.html

【讨论】：

这将是我的成本。所以我必须修改数据。我说的对吗？