Refactor React DataGrid Simple Array demo (#27670)

Signed-off-by: dxArtemiusz <[email protected]> Co-authored-by: dxArtemiusz <[email protected]> Co-authored-by: dxArtemiusz <[email protected]>
DevExpress · Jul 16, 2024 · 078c933 · 078c933
1 parent 6027f89
commit 078c933
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 4 deletions.
diff --git a/apps/demos/Demos/DataGrid/SimpleArray/React/App.tsx b/apps/demos/Demos/DataGrid/SimpleArray/React/App.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import DataGrid from 'devextreme-react/data-grid';
+import DataGrid, { Column } from 'devextreme-react/data-grid';
 import { customers } from './data.ts';
 
 const columns = ['CompanyName', 'City', 'State', 'Phone', 'Fax'];
@@ -10,7 +10,9 @@ const App = () => (
     keyExpr="ID"
     defaultColumns={columns}
     showBorders={true}
-  />
+  >
+    { columns.map((column, index) => <Column dataField={column} key={index} />) }
+  </DataGrid>
 );
 
 export default App;
diff --git a/apps/demos/Demos/DataGrid/SimpleArray/ReactJs/App.js b/apps/demos/Demos/DataGrid/SimpleArray/ReactJs/App.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import DataGrid from 'devextreme-react/data-grid';
+import DataGrid, { Column } from 'devextreme-react/data-grid';
 import { customers } from './data.js';
 
 const columns = ['CompanyName', 'City', 'State', 'Phone', 'Fax'];
@@ -9,6 +9,13 @@ const App = () => (
     keyExpr="ID"
     defaultColumns={columns}
     showBorders={true}
-  />
+  >
+    {columns.map((column, index) => (
+      <Column
+        dataField={column}
+        key={index}
+      />
+    ))}
+  </DataGrid>
 );
 export default App;