प्रौद्योगिकी साझेदारी

React इत्यत्र Callback इत्यस्य उपयोगं कुर्वन्तु

2024-07-08

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

आमुख

React अनुप्रयोगविकासे घटकप्रदर्शनस्य अनुकूलनं एकः सततं प्रक्रिया अस्ति ।useCallbackएकः React Hook अस्ति यस्य उपयोगः callback कार्याणि कण्ठस्थं कर्तुं भवति यत् एतानि कार्याणि घटकस्य सम्पूर्णे जीवनचक्रे सुसंगतानि तिष्ठन्ति इति सुनिश्चितं भवति, तस्मात् अनावश्यकप्रतिपादनस्य कार्यप्रदर्शनस्य च समस्याः परिहृताः भवन्ति

समस्या पृष्ठभूमि

React इत्यस्मिन् यदि कस्यचित् घटकस्य props अथवा state परिवर्तनं भवति तर्हि घटकः पुनः रेण्डर् करिष्यति । यदि बालघटकः मातापितृघटकस्य प्रोप्स् इत्यस्य उपरि निर्भरः भवति, तथा च ते प्रोप्स् फंक्शन्स् सन्ति, तर्हि प्रत्येकं मातापितृघटकस्य रेण्डर् कृत्वा नूतनं फंक्शन् इन्स्टन्स् निर्मितं भविष्यति, यत् बालघटकानाम् अपि पुनः रेण्डर् कर्तुं कारणं भवितुम् अर्हति, यद्यपि तेषां प्रोप्स् न कृतवन्तः मूलतः परिवर्तितम्।

useCallbackभूमिका

useCallback उपर्युक्तसमस्यानां समाधानार्थं प्रयुक्तम् । एतत् कॉलबैक् कार्याणि कण्ठस्थं करोति यत् घटकस्य जीवनपर्यन्तं कार्यं अपरिवर्तितं तिष्ठति यावत् तस्य आश्रयाः न परिवर्तन्ते ।

useCallbackपैरामीटर् वर्णनम्

useCallbackद्वौ मापदण्डौ स्वीकुर्वति : १.

  1. कॉलबैक: यत् कार्यं भवन्तः कण्ठस्थं कर्तुम् इच्छन्ति।
  2. आश्रयाः सरणी : कार्यात्मकनिर्भरतायाः मूल्यानि युक्तः सरणी । एतेषु एकः आश्रयः परिवर्तते तदा एव कॉलबैक् कार्यं पुनः निर्मितं भवति ।

मूलवाक्यविन्यासः यथा अस्ति ।

const memoizedCallback = useCallback(
  () =