ES6

2015-12-28 31 views
6

में घटकों कार्यों का पर्दाफाश मैं निम्नलिखित कार्यक्षमता https://facebook.github.io/react/tips/expose-component-functions.html लागू करना चाहते हैं, लेकिन मैं ES6 वाक्य रचनाES6

@controllable(['center', 'zoom', 'hoverKey', 'clickKey', 'selectedCountry']) 
export default class ContactMapView extends Component { 
    constructor(props) { 
     super(props); 
     this.initialFunc = this.initialFunc.bind(this); 
    } 
    initialFunc() { … } 

का उपयोग करते हैं मैं अपने माता पिता के वर्ग

componentDidMount() { 
    MapStore.addChangeListener(this._onChange.bind(this)); 
    this.refs['mapView'].initialFunc(); 
}; 

मैं निम्नलिखित त्रुटि मिलती है में initialFunc फोन:

TypeError: this.refs.mapView.initialFunc is not a function 

कोई विचार मैं अपने बच्चे के घटक का कार्य कैसे चला सकता हूं?

+0

मैं सिर्फ बनाने के लिए माता-पिता घटक माउंट करने के लिए अपने बच्चे को इंतजार करना चाहते हैं। – Tomasz

+3

कृपया हमें माता-पिता के लिए रेंडर विधि दिखाएं। –

+0

बच्चे माता-पिता की माउंट तक माउंट नहीं करेगा, इसलिए ऑर्डरिंग को नियंत्रित करने के लिए आपको कितनी बारीकी से आवश्यकता है, इस पर निर्भर करता है कि आप बच्चे में 'घटकडिडमाउंट' का उपयोग करने में सक्षम हो सकते हैं। –

उत्तर

-1

"।" का उपयोग करके अपने रेफरी तक पहुंचने का प्रयास करें। वाक्य रचना

इस रूप में तो काम करता है:

this.refs.mapView.initialFunc() 

यह प्रतिक्रिया डॉक्स में यहाँ दिखाया गया है: https://facebook.github.io/react/tips/expose-component-functions.html

+2

इससे शून्य अंतर होता है। – Bergi

+1

वास्तव में स्ट्रिंग द्वारा रेफरी बहिष्कृत हैं। कॉलबैक शैली का उपयोग करें: https://facebook.github.io/react/docs/refs-and-the-dom.html#legacy-api-string-refs – Yuval

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