2015-11-05 13 views
5

में नेविगेटर का उपयोग करके घटक को गतिशील रूप से नए प्रोप जोड़ने के लिए कैसे करें मेरे परिदृश्य में मैं नेविगेटर का उपयोग कर घटक प्रस्तुत कर रहा हूं। उस घटक में मैं रिकॉर्ड को सहेजने जैसी कुछ क्रियाएं करता हूं, फिर मैंने मौजूदा घटक को गतिशील रूप से एक नया प्रोप जोड़ा। लेकिन यहां गतिशील प्रोप उस घटक में दिखाई नहीं दे रहा है केवल पिछले प्रोप केवल दृश्यमान है। नेविगेटर का उपयोग कर घटक को गतिशील प्रोप जोड़ने के लिए कैसे प्राप्त करें।प्रतिक्रियात्मक

यहाँ

मैं जबकि मूल निवासी नाविक प्रतिक्रिया मैं नीचे के रूप में

this.props.navigator.push({ 
    id: 'DisplayCustomSchema', 
    name: 'DisplayCustomSchema', 
    org:this.props.org 
}); 

तरह DisplayCustomSchema घटक बोल रहा हूँ DisplayCustomSchema घटक componentDidMount में मैं एक ajax पोस्ट यह यह कुछ डेटा वापस बोल रहा हूँ का उपयोग कर कोड प्रदान कर रहा हूँ।

var DisplayCustomSchema = React.createClass({ 

     componentDidMount : function(){ 
      ajaxpost(data){//example only 
       this.props.record=data 
       //here i am try to move response data to props because I am using this data in saveRecord function but in save record props contain name and org only 


     } 
     } 
     render: function(){ 
       <View> 
        <TouchableHighlight style={styles.touchButtonBorder} underlayColor="#ffa456" onPress={saveRecord.bind(this,this.props)}> 
        <Text style={styles.button}>SAVE</Text> 
        </TouchableHighlight> 
       </View> 
     } 
}) 
यहाँ

मेरे सवाल क्यों डेटा रंगमंच की सामग्री के लिए ले जाता है नहीं है

+0

क्या आप हमें कुछ कोड दिखाना चाहते हैं? –

उत्तर

1

आपके पास दो विकल्प

  1. उपयोग state
  2. उपयोग redux

    1. की तरह एक रूपरेखा है जैसे आप कर सकते हैं प्रो सेट्स सेट नहीं कर सकते हैं, आप लोड किए गए डेटा को सेट करने के लिए इससेट का उपयोग कर सकते हैं।

    2. यदि आप रेडक्स का उपयोग करते हैं, तो आप माउंटिंग पर एक क्रिया भेज सकते हैं, जो लोड किए गए प्रोप को शामिल करने के लिए स्टोर को बदल देता है।

ध्यान दें कि दूसरा विकल्प दृढ़ता से प्रोत्साहित किया जाता है, राज्य का उपयोग के रूप में एक antipattern है।

संबंधित मुद्दे