मैं प्रतिक्रिया उत्पादन ऐप में ब्राउज़र कंसोल में एक तत्व प्राप्त करने का प्रयास कर रहा हूं लेकिन मुझे जो मिल रहा है वह अपरिभाषित या शून्य तत्व है

    >> var el = document.querySelectorAll("div[data-reactid*='.0.0.1.0:$_player=15umwWNrNpKC=16QvOqH6ISlZ.0.5:$c457.1:$c464.$slideobject593']");
    <- undefined
    >> typeof(el)
    <- "object"
    >> el[0]
    <- undefined

मैं उस तत्व का निरीक्षण करना चाहता हूं ताकि कंसोल लॉग में उस तत्व को पुनर्प्राप्त करने में सक्षम होने के बाद मैं उस पर एक फ़ंक्शन बना सकूं।

क्या मैं कुछ भूल रहा हूँ?

1
Alexander 24 अगस्त 2020, 00:03

1 उत्तर

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

रेफरी का उपयोग करने का प्रयास करें:

import { useRef, useEffect } from 'react';

function MyComponent() {
  const myRef = useRef();

  useEffect(() => {
    console.log('element:',  myRef.current);
  }, [myRef]);

  return (
    <div>
       <h3 ref={myRef}>Hi</h3>
    </div>
  );
}

यदि एकमात्र लक्ष्य तत्व को रिएक्ट में उपयोग किए बिना प्रिंट करना है, तो सबसे आसान तरीका इसके लिए id अभी के लिए असाइन करना है:

return (
  <div><h3 id='myElement'>...
);

const el = document.getElementById('myElement');
console.log(el);

संपादित करें: आपके क्वेरी चयनकर्ता डेटा के आधार पर ऐसा लगता है कि आप किसी ऐसे खिलाड़ी का उपयोग कर रहे हैं, जिस पर रेफरी द्वारा पहुंचा नहीं जा सकता है। आप इसे आसानी से <div> के चारों ओर लपेट सकते हैं और वह तत्व प्राप्त कर सकते हैं:

<div id='myElement'> // or ref={myRef}
  <Player />
</div>

console.log(el.children);
0
Yuan-Hao Chiang 24 अगस्त 2020, 01:18