ImmutableJS - 更新矩陣的細胞

Question

我有這樣的矩陣：

const initialState = Immutable.fromJS({ 
    board: [ 
      ['','',''], 
      ['','',''], 
      ['','',''] 
     ] 
}); 

而這個功能：

function cellClick(state,i,j) { 

const board = state.get('board'); 
var newBoard = board.map(function(arr) { 
    return arr.slice(); 
    }); 
newBoard.set(i,j,'Hi'); 
alert(newBoard.get(i).get(j)); 
} 

1. 克隆矩陣（以newBoard OBJ）
2. 嘗試設置矩陣單元格的值 - 不起作用
3. 嘗試輸出帶有單元格值的消息 - 不起作用

我試過閱讀ImmutableJS文檔，但找不到任何關於在矩陣（「列表」類型的ImmutableJS）中設置值的內容。

Answer 1

您可以使用.setIn([i, j], 'Hi')但是它不會改變該值。這是ImmutableJS的重點。它將返回原始數據結構的稍微更改的版本。如果你只寫一條線setIn，並且不把結果賦給任何地方，那麼什麼都不會發生。沒有什麼會改變。這纔是重點。

getIn和setIn是非常有用的。如果某些東西不存在，它們也可以提供默認值。那裏我也不認爲你需要.slice()。你根本不需要克隆任何東西。

這是一個不可變的數據結構，沒有人可以改變它，這是美麗的部分。

const initialState = Immutable.fromJS({ 
    board: [ 
      ['','',''], 
      ['','',''], 
      ['','',''] 
     ] 
}); 

const nextState = initialState.setIn(['board', 0, 0], 'Hi') 

// Now nextState has 'Hi' in it's first column and row. 
// initialState is still the same as it was, it is not changed.