2017-05-10 27 views
5

0 के प्रस्तुत समारोह में वापसी डीओएम तत्व मेरे पास एक बाहरी लाइब्रेरी है जो कुछ कस्टम जेएस नियंत्रण प्रदान करती है। पुस्तकालय एक डीओएम तत्व देता है जिसे पृष्ठ में सम्मिलित किया जा सकता है।रिएक्ट घटक

मैं इस पुस्तकालय के लिए प्रतिक्रिया में रैपर बना रहा हूं। मैं यह सब तार को छोड़कर मुझे यकीन है कि कैसे समारोह प्रस्तुत करना अपनी वापसी

render() { 
if (this.state.someType) { 
    let customControl = new this.state.someType(); 
    var node = customControl.getNode(); 

    return node; //This is an HTMLDOMElement i.e. div or span 
} 

return <div>Loading Custom Control...</div>; 
} 

मैं और कोड डीबग करने में सक्षम हूँ सब कुछ ठीक से काम कर रहा है के रूप में डोम तत्व स्वीकार करने के लिए अनुमति देने के लिए नहीं कर रहा हूँ है। नोड वह है जो मैं उम्मीद करता हूं लेकिन पृष्ठ पर एचटीएमएल कभी नहीं बदला जाता है।

उत्तर

1

यहाँ एक सरल उदाहरण है।

render() { 
    var newNode = document.createElement('p'); 
    return <div ref={(nodeElement) => {nodeElement.appendChild(newNode)}}/> 
} 
संबंधित मुद्दे