मैं प्रतिक्रिया करने के लिए नया हूँ और मैं एक साधारण प्रतिक्रिया एप्लिकेशन बनाया है।

class App extends React.Component {
state = {
    counter: 0
}
render() {
    return (
      <div>
        <h1>Hello!</h1>
      </div>
    );
 }
}



ReactDOM.render(<App />, document.getElementById('root'))

ब्राउज़र में आउटपुट ठीक लगता है। (प्रतिक्रिया तत्व प्रदान किया गया है और यह ब्राउज़र पर दिखाई देता है) - डोम तत्व बनाए गए हैं लेकिन बुकमार्क कंपोनेंट्स ऐप में डेवलपर टूल में लाल त्रिकोण के साथ दिखाया गया है और आप बनाए गए घटक की संरचना नहीं देख सकते हैं, जो संदेश दिखाते हुए त्रिकोण पर होवर करते हैं: "यह घटक सख्त मोड में नहीं चल रहा है .." क्रोम का टैब स्क्रीन शॉट 1

बल्कि कुछ ऐसा होना चाहिए (मेरे ट्यूटर स्क्रीनशॉट) क्रोम का टैब स्क्रीन शॉट 1

मैंने विजुअल स्टूडियो कोड विचार में घटक के लिए सख्त मोड जोड़ा (कोई परिणाम नहीं):

   <React.StrictMode>
      <div>
        <h1>Hello!</h1>
      </div>
  </React.StrictMode>
1
Luke 7 जिंदा 2022, 15:32

2 जवाब

सबसे बढ़िया उत्तर

आपको इसे अपने घटक के चारों ओर लपेटना होगा, न केवल एक div के आसपास। वहां आप अपना ऐप घटक कहते हैं, शायद index.js से?

  <React.StrictMode>
     <App />
  </React.StrictMode>

और संरचना दिखाने के लिए सेटिंग से अपने सभी फ़िल्टर हटा दें:

enter image description here

0
MWO 7 जिंदा 2022, 16:15
शुक्रिया। उसने चेतावनी हटा दी लेकिन मैं अभी भी नहीं देख सकता कि घटक बुकमार्क में ऐप के अंदर क्या है (div और h1)
 – 
Luke
7 जिंदा 2022, 15:52
@ ल्यूक, मैंने जवाब अपडेट किया
 – 
MWO
7 जिंदा 2022, 16:15
शुक्रिया। जैसा चाहिए वैसा काम करता है।
 – 
Luke
7 जिंदा 2022, 16:51

हाय प्रतिक्रिया डेवलपर टूल एक्सटेंशन का उपयोग करें

https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=hi

0
Vijay 7 जिंदा 2022, 15:37
धन्यवाद विजय लेकिन वह पहले ही स्थापित हो चुका है।
 – 
Luke
7 जिंदा 2022, 15:56