Reactjs JSON данные в классе модели

Question

Служба веб-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",
   }
]

Answer 1

Если свойство не находится внутри ответа, передняя сторона не знает о свойстве, в этом случае вам нужно добавить объект к своему объекту вручную или вы можете использовать TypeScript с вашим приложением реагирования для строгой поддержки типов и создания интерфейсов для ваших моделей.

эта ссылка показывает, как подключить TypeScript к React

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