रेडक्स

Question

में विशिष्ट सरणी आइटम के अंदर एकल मान को अपडेट करने के लिए कैसे करें मुझे एक समस्या है जहां राज्य के पुन: प्रस्तुत करने से ui मुद्दों का कारण बनता है और मुझे पृष्ठ पर पुन: प्रस्तुत करने की मात्रा को कम करने के लिए केवल मेरे reducer के अंदर विशिष्ट मान को अपडेट करने का सुझाव दिया गया था।

यह मेरा राज्य

{ 
name: "some name", 
subtitle: "some subtitle", 
contents: [ 
    {title: "some title", text: "some text"}, 
    {title: "some other title", text: "some other text"} 
] 
} 

का उदाहरण है और मैं इस समय इस

case 'SOME_ACTION': 
    return { ...state, contents: action.payload } 

जहां action.payload नए मूल्यों से युक्त एक पूरी सरणी है जैसे कि यह अद्यतन करने कर रहा हूँ। लेकिन अब मैं वास्तव में सिर्फ सामग्री सरणी में दूसरा आइटम का पाठ अद्यतन करने की आवश्यकता है, और कुछ इस तरह

case 'SOME_ACTION': 
    return { ...state, contents[1].text: action.payload } 

काम नहीं करता है, जहां action.payload अब एक पाठ मैं अद्यतन के लिए की जरूरत है।

Answer 1

आप React Immutability helpers

import update from 'react-addons-update'; 

// ...  

case 'SOME_ACTION': 
    return update(state, { 
    contents: { 
     1: { 
     text: {$set: action.payload} 
     } 
    } 
    }); 

इस्तेमाल कर सकते हैं हालांकि मैं कल्पना कर सकते हैं तो आप शायद अधिक कुछ इस तरह कर रही हैं?

case 'SOME_ACTION': 
    return update(state, { 
    contents: { 
     [action.id]: { 
     text: {$set: action.payload} 
     } 
    } 
    }); 

Answer 2

आप एक पंक्ति में सब कुछ करने की जरूरत नहीं है:

case 'SOME_ACTION': 
    const newState = { ...state }; 
    newState.contents = 
    [ 
     newState.contents[0], 
     {title: newState.contnets[1].title, text: action.payload} 
    ]; 
    return newState 

Answer 3

आप map का उपयोग कर सकते हैं। यहां एक उदाहरण कार्यान्वयन है:

case 'SOME_ACTION': 
    return { 
     ...state, 
     contents: state.contents.map(
      (content, i) => i === 1 ? {...content, text: action.payload} 
            : content 
     ) 
    }