अपरिवर्तनीय सहायक

Question

का उपयोग कर प्रतिक्रिया स्थिति में सरणी ऑब्जेक्ट को अद्यतन करना मैं immutability helper का उपयोग कर प्रतिक्रिया स्थिति में किसी सरणी के भीतर एक ऑब्जेक्ट अपडेट कर रहा हूं।

वस्तु मैं संशोधित करना चाहते हैं नीडिंत है:

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

मैं अद्यतन करने के लिए अचल स्थिति सहायक का उपयोग कर ख के n वें तत्व के भीतर प्रोप ग चाहते हैं।

अचल स्थिति सहायक के बिना बराबर कोड है:

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

मैं जानता हूँ कि उपरोक्त कोड थोड़ा बदसूरत है। मुझे लगता है कि अपरिवर्तनीय सहायक का उपयोग कर कोड मेरी समस्या का समाधान करेगा। धन्यवाद

Answer 1

एक तरह से इसे का उपयोग किया जाएगा $set

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

jsfiddle

Answer 2

इम अचल स्थिति सहायक यहां से update का आयात :)

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