Merge pull request #1750 from NishkalankBezawada/Issue1738

Fixing for issue 1738 - Error on rendering DynamicForm when having a Date Field with internal name starting with underscore ("_")

Author: AJIXuMuK

src/controls/dynamicForm/DynamicForm.tsx

@@ -411,56 +411,61 @@ export class DynamicForm extends React.Component<
           columnInternalName,
           hiddenFieldName,
         } = field;
+        let fieldcolumnInternalName = columnInternalName;
+        if (fieldcolumnInternalName.startsWith('_x') || fieldcolumnInternalName.startsWith('_')) {
+          fieldcolumnInternalName = `OData_${fieldcolumnInternalName}`;
+        }
         if (field.newValue !== null && field.newValue !== undefined) {
 
           let value = field.newValue;
+          
           if (["Lookup", "LookupMulti", "User", "UserMulti", "TaxonomyFieldTypeMulti"].indexOf(fieldType) < 0) {
             objects[columnInternalName] = value;
           }
 
           // Choice fields
 
           if (fieldType === "Choice") {
-            objects[columnInternalName] = field.newValue.key;
+            objects[fieldcolumnInternalName] = field.newValue.key;
           }
           if (fieldType === "MultiChoice") {
-            objects[columnInternalName] = { results: field.newValue };
+            objects[fieldcolumnInternalName] = { results: field.newValue };
           }
 
           // Lookup fields
 
           if (fieldType === "Lookup") {
             if (value && value.length > 0) {
-              objects[`${columnInternalName}Id`] = value[0].key;
+              objects[`${fieldcolumnInternalName}Id`] = value[0].key;
             } else {
-              objects[`${columnInternalName}Id`] = null;
+              objects[`${fieldcolumnInternalName}Id`] = null;
             }
           }
           if (fieldType === "LookupMulti") {
             value = [];
             field.newValue.forEach((element) => {
               value.push(element.key);
             });
-            objects[`${columnInternalName}Id`] = {
+            objects[`${fieldcolumnInternalName}Id`] = {
               results: value.length === 0 ? null : value,
             };
           }
 
           // User fields
 
           if (fieldType === "User") {
-            objects[`${columnInternalName}Id`] = field.newValue.length === 0 ? null : field.newValue;
+            objects[`${fieldcolumnInternalName}Id`] = field.newValue.length === 0 ? null : field.newValue;
           }
           if (fieldType === "UserMulti") {
-            objects[`${columnInternalName}Id`] = {
+            objects[`${fieldcolumnInternalName}Id`] = {
               results: field.newValue.length === 0 ? null : field.newValue,
             };
           }
 
           // Taxonomy / Managed Metadata fields
 
           if (fieldType === "TaxonomyFieldType") {
-            objects[columnInternalName] = {
+            objects[fieldcolumnInternalName] = {
               __metadata: { type: "SP.Taxonomy.TaxonomyFieldValue" },
               Label: value[0]?.name ?? "",
               TermGuid: value[0]?.key ?? "11111111-1111-1111-1111-111111111111",
@@ -476,19 +481,19 @@ export class DynamicForm extends React.Component<
           // Other fields
 
           if (fieldType === "Location") {
-            objects[columnInternalName] = JSON.stringify(field.newValue);
+            objects[fieldcolumnInternalName] = JSON.stringify(field.newValue);
           }
           if (fieldType === "Thumbnail") {
             if (additionalData) {
               const uploadedImage = await this.uploadImage(additionalData);
-              objects[columnInternalName] = JSON.stringify({
+              objects[fieldcolumnInternalName] = JSON.stringify({
                 type: "thumbnail",
                 fileName: uploadedImage.Name,
                 serverRelativeUrl: uploadedImage.ServerRelativeUrl,
                 id: uploadedImage.UniqueId,
               });
             } else {
-              objects[columnInternalName] = null;
+              objects[fieldcolumnInternalName] = null;
             }
           }
         }
@@ -1062,9 +1067,14 @@ export class DynamicForm extends React.Component<
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         const selectedTags: any = [];
 
+        let fieldName = field.InternalName;
+        if (fieldName.startsWith('_x') || fieldName.startsWith('_')) {
+          fieldName = `OData_${fieldName}`;
+        }
+
         // If a SharePoint Item was loaded, get the field value from it
-        if (item !== null && item[field.InternalName]) {
-          value = item[field.InternalName];
+        if (item !== null && item[fieldName]) {
+          value = item[fieldName];
           stringValue = value.toString();
         } else {
           defaultValue = field.DefaultValue;
@@ -1221,8 +1231,10 @@ export class DynamicForm extends React.Component<
 
         // Setup DateTime fields
         if (field.FieldType === "DateTime") {
-          if (item !== null && item[field.InternalName]) {
-            value = new Date(item[field.InternalName]);
+
+          if (item !== null && item[fieldName]) {
+
+            value = new Date(item[fieldName]);
             stringValue = value.toISOString();
           } else if (defaultValue === "[today]") {
             defaultValue = new Date();