बाल घटकों के मूल घटक के प्रतिक्रिया हुक द्वारा बनाए गए संदर्भ को कैसे पास करें?

SegFault का इस उत्तर का संदर्भ सही है। आपका रेफरी यह आपके घटक के पहले प्रस्तुतीकरण के बाद तक प्रारंभ नहीं हुआ है। तो जब आप अपना <ChildComponent target={ParentReference.current} /> प्रस्तुत करते हैं, तो रेफरी अभी तक परिभाषित नहीं है।

इस परिदृश्य में आप पहले रेंडर पर एक स्टेट वेरिएबल सेट करने के लिए useEffect का उपयोग करने पर विचार कर सकते हैं, और स्टेट वेरिएबल सेट होने के बाद <ChildComponent /> को सशर्त रूप से रेंडर कर सकते हैं।

const MyComponent: React.FC = () => {

const ParentReference = useRef(null);

// define state variable defining the ref as not yet ready
const [refReady, setRefReady] = useState(false)
// On first mount, set the variable to true, as the ref is now available
useEffect( () => {
  setRefReady(true)
}, [])

return(
<Parent className="d-flex flex-row" ref={ParentReference}>
          {refReady && <ChildComponent
            className="mr-3"
            target={ParentReference.current}
          />}
          <AnotherChild className="mr-3" />
        </Nav>
)};