Cập nhật đối tượng mảng trong Trạng thái phản ứng bằng cách sử dụng trình trợ giúp bất biến

Question

Tôi đang cập nhật một đối tượng trong một mảng trong trạng thái React bằng cách sử dụng immutability helper.

Đối tượng tôi muốn thay đổi được lồng:

this.state = { 
    a: { 
    b: [{ c: '', d: ''}, ...] 
    } 
} 

Tôi muốn cập nhật những c prop bên trong phần tử thứ n của b sử dụng tính bất biến helper.

Mã tương đương mà không có sự trợ giúp tính bất biến là:

const newState = Object.assign({}, this.state); 
newState.a = Object.assign({}, newState.a); 
newState.a.b = newState.a.b.slice(); 
newState.a.b[n] = Object.assign({}, newState.a.b[n]); 
newState.a.b[n].c = 'new value'; 
this.setState({ newState }); 

Tôi biết các mã trên là một chút xấu xí. Tôi giả sử mã bằng cách sử dụng helper bất biến sẽ giải quyết vấn đề của tôi. Cảm ơn

Answer 1

Một cách để làm điều đó sẽ được sử dụng $set

let index = 0; 
let newState = update(this.state, { 
    a: { 
    b: { 
     [index]: { 
       c: { $set: "new value"} 
     } 
    } 
    } 
}); 
this.setState(newState); 

jsfiddle

Answer 2

Im nhập khẩu update từ tính bất biến helper đây :)

this.state = { 
    a: { 
    b: [{ c: '', d: ''}, ...] 
    } 
} 


this.setState(update(this.state, { 
    a: { 
     b: { 
      $apply: b => b.map((item, ii) => { 
       if(ii !== n) return item; 
       return { 
        ...item, 
        c: 'new value' 
       } 
      }) 
     } 
    } 
})