React: एक बार में कंपोनेंटडिडमाउंट में तत्व को फिर से प्रस्तुत करें त्रुटि: नल की संपत्ति 'रूटआईडी' नहीं पढ़ सकता।

को निर्मित 10 मई 2016 · 3टिप्पणियाँ · स्रोत: facebook/react

मैं घटकडिडमाउंट फ़ंक्शन में ReactDOM.render #container element(top-level) करता हूं, प्रतिक्रिया मुझे कुछ त्रुटि दिखाती है, null की संपत्ति 'rootID' नहीं पढ़ सकती है ।
अगर मैं सेटटाइमआउट रन ReactDOM.render का उपयोग करता हूं, तो यह काम करता है। (0ms के बाद भी)
मैं अनिश्चित महसूस कर रहा हूं, क्या कोई मेरी मदद कर सकता है?

एचटीएमएल:

<!DOCTYPE html>
<html>
<head>
    <title>React</title>
</head>
<body>
    <div id="container"></div>
    <script type="text/javascript" src="script/lib/react.js"></script>
    <script type="text/javascript" src="script/lib/react-dom.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
    <script type="text/javascript" src="script/bundle.js"></script>
</body>
</html>

ए.जेएसएक्स और बी.जेएसएक्स:

var A = React.createClass({
    componentDidMount: function(){
        ReactDOM.render(
            <B />,
            document.getElementById('container')
        );
    },
    render: function(){
        return (
            <div>Hello World, I'm A.</div>
        )
    }
});

var B = React.createClass({
    render: function(){
        return (
            <div>Hello World, I'm B.</div>
        )
    }
});

ऐप.जेएसएक्स:

ReactDOM.render(
    <A />,
    document.getElementById('container')
);

स्रोत

h1orz

सबसे उपयोगी टिप्पणी

असली सवाल यह है कि आप जीवनचक्र पद्धति के भीतर से ReactDOM.render क्यों कॉल कर रहे हैं? आप उस नोड पर एक नया घटक माउंट करने का प्रयास कर रहे हैं जिस पर वर्तमान घटक आरोहित है, जो एक विरोधी पैटर्न की तरह लगता है।

रूट पर फिर से माउंट करने की कोशिश करने के बजाय, आपको कौन सा घटक प्रस्तुत करता है, इसे प्रबंधित करने के लिए आपको रूट पैरेंट घटक का उपयोग करना चाहिए। यदि आपके पास पूरी तरह से कई प्रतिक्रिया जड़ें हैं (जिसके लिए आपके पास वास्तव में एक अच्छा कारण होना चाहिए) तो आपको किसी प्रकार की सहायक प्रणाली का प्रबंधन करना चाहिए:

https://facebook.github.io/react/blog/2015/10/01/react-render-and-top-level-api.html#helpers

यदि आपके पास एकाधिक रिएक्ट रूट हैं, या एक रूट जो समय के साथ हटा दिया जाता है, तो हम अनुशंसा करते हैं कि आप हमेशा अपना स्वयं का रैपर एपीआई बनाएं। आपका बाहरी सिस्टम कैसा दिखता है, इसके आधार पर ये सभी थोड़े अलग दिखेंगे। उदाहरण के लिए, फेसबुक पर हमारे पास एक सिस्टम है जो स्वचालित रूप से अनमाउंट कॉम्पोनेंटएटनोड को कॉल करने के लिए हमारे पेज ट्रांजिशन राउटर में जुड़ जाता है।

ReactDOM.render() को सीधे हर जगह कॉल करने के बजाय, एक पुस्तकालय लिखने/उपयोग करने पर विचार करें जो आपके एप्लिकेशन के भीतर माउंटिंग और अनमाउंटिंग का प्रबंधन करेगा।

aweary 1 जून 2016

👍2 🎉1

सभी 3 टिप्पणियाँ

क्या आप अपनी समस्या को jsfiddle में पुन: पेश कर सकते हैं? https://jsfiddle.net/L3zn8dws/

cpb 1 जून 2016

https://facebook.github.io/react/blog/2015/10/01/react-render-and-top-level-api.html#helpers

यदि आपके पास एकाधिक रिएक्ट रूट हैं, या एक रूट जो समय के साथ हटा दिया जाता है, तो हम अनुशंसा करते हैं कि आप हमेशा अपना स्वयं का रैपर एपीआई बनाएं। आपका बाहरी सिस्टम कैसा दिखता है, इसके आधार पर ये सभी थोड़े अलग दिखेंगे। उदाहरण के लिए, फेसबुक पर हमारे पास एक सिस्टम है जो स्वचालित रूप से अनमाउंट कॉम्पोनेंटएटनोड को कॉल करने के लिए हमारे पेज ट्रांजिशन राउटर में जुड़ जाता है।

aweary 1 जून 2016

👍2 🎉1

यह एक असमर्थित पैटर्न की तरह लगता है: आप किसी ऐसे कंटेनर में कुछ प्रस्तुत करने का प्रयास कर रहे हैं जिसमें पहले से ही एक अन्य घटक है जिसका जीवनचक्र वर्तमान में निष्पादित किया जा रहा है।

यदि आप B दिखाना चाहते हैं, तो <B /> को A के रेंडर आउटपुट से शामिल करें।

gaearon 27 अक्तू॰ 2016

👍2

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

React: एक बार में कंपोनेंटडिडमाउंट में तत्व को फिर से प्रस्तुत करें त्रुटि: नल की संपत्ति 'रूटआईडी' नहीं पढ़ सकता।

सबसे उपयोगी टिप्पणी

सभी 3 टिप्पणियाँ

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