bugfix grid field render #12

src/Mine/SeekerBundle/Resources/public/js/mine-seeker/grid/grid-control.js

@@ -16,6 +16,8 @@ class GridControl extends React.Component {
             env: props.env,
             webPlayer: null,
             grid: null,
+            renderGridFields: false,
+            gridFields: [],
             updatedFieldCache: [],
             bombFieldCache: [],
             foundUserMineCache: 0,
@@ -382,13 +384,11 @@ class GridControl extends React.Component {
         return 'game-overlay' + ( this.state.overlay ? '' : ' hide' );
     }
 
-    render() {
-        var grid = [];
-
+    renderGridFields() {
         if (this.state.grid) {
             for (let i = 0, j = this.state.grid.length; i < j; i++) {
                 for (let k = 0, l = this.state.grid[i].length; k < l; k++) {
-                    grid.push(
+                    this.state.gridFields.push(
                         <GridField row={i}
                                    col={k}
                                    ref={this.refString(i, k)}
@@ -399,6 +399,12 @@ class GridControl extends React.Component {
                 }
             }
         }
+    }
+
+    render() {
+        /** Render the grid fields just one time in one party #12 */
+        this.state.renderGridFields && this.renderGridFields();
+        this.state.renderGridFields = false;
 
         return (
             <div className="game-wrapper">
@@ -411,7 +417,7 @@ class GridControl extends React.Component {
                 <UserControl ref="userControl"
                              bombClear={this.bombClear.bind(this)}/>
                 <div className="grid-container">
-                    <div className="grid"> {grid} </div>
+                    <div className="grid"> {this.state.gridFields} </div>
                 </div>
             </div>
         );