अपोलो क्लाइंट + टाइपस्क्रिप्ट हुक पैटर्न: पं। 2 उपयोगम्यूटेशन

समस्याओं को खत्म करने के लिए हमारे साधन का प्रयास करें

ऑपरेटिंग सिस्टम का चयन करें प्रक्षेपण का एक कार्यक्रम चुनें (वैकल्पिक रूप से)

अपनी समस्या का वर्णन करें

|_+_| हुक शक्तिशाली है। |_+_| . पर थोड़ा ताज़ा करें तथा अपोलो ग्राहक। जब आप एक उत्परिवर्तन भेजते हैं तो आप अपने सर्वर/क्लाइंट पर डेटा संशोधित कर रहे हैं। उत्परिवर्तन एक नया डेटा सेट लौटाएगा। अपोलो क्लाइंट स्वचालित रूप से इस नए डेटा के साथ आपके स्थानीय राज्य/कैश को अपडेट कर देगा, बशर्ते आप उचित प्राथमिक कुंजी वापस कर दें (डिफ़ॉल्ट है |_+_|)। इस पैटर्न का लक्ष्य उस संशोधन तर्क को एक ही स्थान पर संग्रहीत करना है।

यदि आपने फ़ोल्डर संरचना देखने के लिए पहले भाग को नहीं देखा है तो पहले इसे देखें। इस भाग में, हम अपने घटक के बगल में अपना हुक एक |_+_|फ़ोल्डर में संग्रहीत कर रहे हैं।

उपयोगटेबलसाइजम्यूटेशन:

इस उदाहरण में, मैं |_+_| . नामक उत्परिवर्तन का उपयोग करने जा रहा हूं जो दो इनपुट आईडी और प्रारूप लेता है

useMutation

हम अपने हुक को होल्ड करने के लिए एक नई फाइल बनाते हैं।
एक डिफ़ॉल्ट फ़ंक्शन निर्यात करें जो उत्परिवर्तन फ़ंक्शन देता है। यह |_+_| . से सरणी में लौटाया गया पहला पैरामीटर है दूसरा पैरामीटर है |_+_| उत्परिवर्तन के लिए वस्तु, लेकिन इस मामले के लिए हमें इसकी आवश्यकता नहीं है।
उत्परिवर्तन के लिए अपने तर्क सम्मिलित करने के दो तरीके हैं। ऊपर दिखाया गया तरीका; हुक से लौटा फ़ंक्शन तर्कों को स्वीकार करता है।
विकल्प हुक इंस्टेंटेशन पर तर्क प्रदान करना होगा। यह इस तरह दिखेगा: |_+_|

अब इस उत्परिवर्तन का उपयोग करने के लिए हमें बस इतना करना है कि इसे तत्काल करें और इसे कॉल करें।

useMutation

#apolo-client #graphql #react #usemutation #typescript

levelup.gitconnected.com