Aktualizowanie obiektu tablicy w stanie Reagowania za pomocą pomocnika niezmienności

Question

Aktualizuję obiekt w tablicy w stanie React, używając immutability helper.

Przedmiotem że do modyfikacji jest zagnieżdżony:

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

I Aby zaktualizować podpory C w n-tego elementu b, stosując niezmienność pomocnika.

Odpowiednik kodu bez pomocnika niezmienność jest:

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 }); 

wiem powyższy kod jest nieco brzydki. Zakładam, że kod wykorzystujący pomocnika niezmienności rozwiąże mój problem. Dzięki

Answer 1

Jednym ze sposobów byłoby korzystania $set

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

jsfiddle

Answer 2

Im importowania update od niezmienności pomocnika tutaj :)

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' 
       } 
      }) 
     } 
    } 
})