प्रतिक्रिया मूल निवासी ListView पंक्ति नहीं फिर से प्रतिपादन राज्य परिवर्तन के बाद

Question

प्रतिक्रिया मूल निवासी ListView: पंक्तियाँ फिर से प्रतिपादन नहीं कर रहे हैं डेटा स्रोत राज्य बदल गया है के बाद।

यहाँ मेरी कोड का एक सरलीकृत संस्करण है:

render(): { 
    return <ListView 
    dataSource={this.state.DS} 
    renderRow={this.renderRow}/> 
} 

renderRow(item): { 
    return <TouchableOpacity onPress={() => this.handlePress(item)}> 
    {this.renderButton(item.prop1)} 
    </TouchableOpacity> 
} 

renderButton(prop1): { 
    if (prop1 == true) { 
    return <Text> Active </Text> 
    } else { 
    return <Text> Inactive </Text> 
    } 
} 

handlePress(item): { 
    **Change the prop1 of *item* in an array (clone of dataSource), then** 
    this.setState({ 
    DS: this.state.DS.cloneWithRows(arrayFromAbove) 
    }) 
} 

फेसबुक के उदाहरण के अनुसार, ListView हर बार डेटा स्रोत बदल गया है rerender माना जाता है। क्या ऐसा इसलिए है क्योंकि मैं केवल डेटा स्रोत में किसी आइटम की संपत्ति बदल रहा हूं? ऐसा लगता है कि रेंडररो फ़ंक्शन दोबारा प्रतिपादन नहीं कर रहा है, लेकिन रेंडर() फ़ंक्शन डेटासोर्स परिवर्तन से है।

धन्यवाद।

Answer 1

सबसे पहले आप getInitialState समारोह में datasource सेट करना होगा। फिर, this.setState({}) पर कॉल करके और नए डेटास्रोत में गुजरकर डेटास्रोत बदलें। ऐसा लगता है कि आप उपरोक्त दाएं ट्रैक पर हो सकते हैं, लेकिन मैंने सूची दृश्य डेटासोर्स here बदलते हुए एक कामकाजी उदाहरण स्थापित किया है। मुझे आशा है कि इस मदद करता है

https://rnplay.org/apps/r3bzOQ

Answer 2

प्रतिक्रिया बहुत चालाक डेटा स्रोत में है और यदि सूची फिर से रेंडर किया जाना चाहिए परिवर्तन का पता लगाने के लिए है। यदि आप listView को अपडेट करना चाहते हैं, तो मौजूदा ऑब्जेक्ट्स के गुणों को अपडेट करने के बजाय नई ऑब्जेक्ट बनाएं। कोड कुछ इस तरह दिखेगा:

let newArray = this._rows.slice(); 
newArray[rowID] = { 
    ...this._rows[rowID], 
    newPropState: true, 
}; 
this._rows = newArray; 

let newDataSource = this.ds.cloneWithRows(newArray); 
this.setState({ 
    dataSource: newDataSource 
}); 

आप के बारे में सुझाव/उदाहरण के लिए समान issue on Github