Grids generated using array constructor autofill on first change event about react-datasheet

[nadbm]

hey @CAYdenberg, your initialization is duplicating objects

var grid = Array(10).fill(Array(10).fill({value: null}));
console.log( grid[0] === grid[1] ) ) //true 
console.log( grid[0][0] === grid[1][0] ) ) //true

The way you're initializing essentially copies the same object. The handleChange method uses an object equality. Either change the method to use proper index or initialize your grid differently:

var grid = new Array(10).fill(null).map(v => Array(10));
grid = grid.map(row => row.fill(null).map(col => ({value: null}))); 
console.log( grid[0] === grid[1] ) ) //false 
console.log( grid[0][0] === grid[1][0] ) ) //false

[CAYdenberg]

Thanks for your response. That makes sense.