मैं देख रहा हूं कि React.forwardRef को प्रतिक्रियाशील अवधि से, बाल कार्यात्मक घटक में रेफ को पास करने का स्वीकृत तरीका लगता है:
const FancyButton = React.forwardRef((props, ref) => (
<button ref={ref} className="FancyButton">
{props.children}
</button>
));
// You can now get a ref directly to the DOM button:
const ref = React.createRef();
<FancyButton ref={ref}>Click me!</FancyButton>;हालांकि, केवल एक कस्टम प्रोप पास करने पर यह करने का क्या फायदा है ?:
const FancyButton = ({ innerRef }) => (
<button ref={innerRef} className="FancyButton">
{props.children}
</button>
));
const ref = React.createRef();
<FancyButton innerRef={ref}>Click me!</FancyButton>;केवल एक ही लाभ जिसके बारे में मैं सोच सकता हूं कि वह रेफ के लिए लगातार एपीआई कर रहा है, लेकिन क्या कोई और फायदा है? जब यह प्रतिपादन करने के लिए आता है और निश्चित रूप से अतिरिक्त रेंडर करने का कारण बनता है, तो क्या कस्टम प्रोप को अलग करना प्रभावित करता है, क्योंकि निश्चित रूप से रेफ को currentक्षेत्र में उत्परिवर्तित अवस्था के रूप में संग्रहीत नहीं किया जाता है ?
उदाहरण के लिए कहें कि आप कई रेफल्स पास करना चाहते थे (जो tbh हो सकता है, कोड गंध का संकेत दे सकता है, लेकिन फिर भी), तो एकमात्र समाधान जो मैं देख सकता हूं वह है customRef props का उपयोग करना।
मुझे लगता है कि मेरा सवाल है कि forwardRefएक कस्टम प्रोप से अधिक का उपयोग करने का मूल्य क्या है ?