2015-06-25 10 views
8

मेरे पास स्कीलाइट संवाद में निम्न प्रपत्र घटक है, सबमिट करने के बाद, यदि संवाद को फॉर्म में दोबारा खोल दिया गया है, तो इसमें पिछले सबमिट मूल्य शामिल है। क्या कोई मुझे बता सकता है कि इसे कैसे रोकें और जब भी संवाद खोला जाए तो टेक्स्टरेरा मूल्य को साफ़ करें?सबमिट करने के बाद प्रतिक्रिया प्रतिक्रिया पाठ पाठ

var AddNoteForm = React.createClass({ 


componentDidMount: function() { 

     React.findDOMNode(this.refs.notes).value = ""; 
}, 
handleSubmit: function (event) { 
    event.preventDefault(); 

    var notes = React.findDOMNode(this.refs.notes).value; 

    var details = { 
     studentId: this.props.studentId, 
     schoolId: this.props.schoolId, 
     notes: notes 
    }; 

    this.props.onSubmit(details); 
}, 

render: function() { 
    return (
     <form className="pure-form pure-form-aligned" 
      onSubmit={this.handleSubmit}> 
      <div className="pure-control-group"> 
       <label htmlFor="notes">Note</label> 
       <textarea ref="notes" id="notes" placeholder="Note..." > 
       </textarea> 

      </div> 
      <div className="pure-controls"> 
       <input type="submit" value="Save" /> 
      </div> 
     </form> 
    ); 
} 
}); 

module.exports = AddNoteForm; 

उत्तर

14

मूल रूप से अपने फार्म को अनमाउंट नहीं मिल रहा है:

यहाँ मेरी घटक है। तो घटकडिडमाउंट में कोड लिखना समझ में नहीं आता है। तो आपकी समस्या के लिए त्वरित फिक्स टेक्स्ट को सत्यापित करने के बाद टेक्स्टरेरा बॉक्स को साफ़ करना होगा

handleSubmit: function (event) { 
    event.preventDefault(); 

    var notes = this.refs.notes; 

    var details = { 
    studentId: this.props.studentId, 
    schoolId: this.props.schoolId, 
    notes: notes.value 
    }; 

    notes.value = ""; // Unset the value 
    this.props.onSubmit(details); 
}, 
+0

उत्तर के लिए धन्यवाद। मैंने कोशिश की है लेकिन मूल्य संवाद में रहता है, कोई विचार? – Bomber

+1

'=' में बदल गया और यह काम करता है! धन्यवाद – Bomber

+0

हाँ संभोग !! मेरी गलती :) Typo गलती :) मुबारक कोडिंग .. – teenu

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