हिंदी में कॉलबैक त्रुटियों को हैंडल करें | SPA | React JS | एंगुलर JS

कॉलबैक फ़ंक्शन सेट करने के दौरान हमें ध्यान देना चाहिए कि वे ठीक से काम कर रहे हैं। अक्सर हमारे कोड में टेक्निकल त्रुटियों के मामले में यह बहुत महत्वपूर्ण हो जाता है क्योंकि इससे यूजर को खराब अनुभव हो सकता है।

हम जिस भी भाषा में एप्लिकेशन डेवलप कर रहे हैं, उस भाषा में भी हमें कॉलबैक त्रुटियों को हैंडल करने की जरूरत होती है। इस लेख में, हम देखेंगे कि React JS और एंगुलर JS में हम कॉलबैक त्रुटियों को कैसे हैंडल कर सकते हैं हिंदी में।

React JS में कॉलबैक त्रुटियों को हैंडल करना

React JS में कॉलबैक त्रुटियों को हैंडल करने के लिए हमें ErrorBoundary का उपयोग करना पड़ता है। नीचे दिए गए कोड से आप देख सकते हैं कि कैसे हम एक ErrorBoundary कंपोनेंट बना सकते हैं और उसे अपने एप्लिकेशन में इम्प्लीमेंट कर सकते हैं।

“`javascript
class ErrorBoundary extends React.Component {
constructor(props) {
super(props);
this.state = { hasError: false };
}

static getDerivedStateFromError(error) {
return { hasError: true };
}

componentDidCatch(error, errorInfo) {
// You can also log the error to an error reporting service
console.error(error, errorInfo);
}

render() {
if (this.state.hasError) {
return

समस्या आई है। कृपया पुन: प्रयास करें।

;
}

return this.props.children;
}
}
“`

ऊपर दिए गए कोड में हमने एक ErrorBoundary कंपोनेंट बनाया है और उसे हमारे एप्लिकेशन में इम्प्लीमेंट किया है। अब जब भी कोई त्रुटि होगी, तो यह कंपोनेंट हमें उसे हैंडल करने का अवसर देगा।

एंगुलर JS में कॉलबैक त्रुटियों को हैंडल करना

एंगुलर JS में कॉलबैक त्रुटियों को हैंडल करने के लिए हमें ErrorHandler का उपयोग करना पड़ता है। नीचे दिए गए कोड से आप देख सकते हैं कि कैसे हम एक ErrorHandler सर्विस बना सकते हैं और उसे अपने एप्लिकेशन में इम्प्लीमेंट कर सकते हैं।

“`javascript
@Injectable()
export class ErrorHandler implements ErrorHandler {
handleError(error: any): void {
// Handle the error
console.error(error);
}
}

@NgModule({
providers: [{ provide: ErrorHandler, useClass: ErrorHandler }]
})
export class AppModule { }
“`

ऊपर दिए गए कोड में हमने एक ErrorHandler सर्विस बनाया है और उसे हमारे एप्लिकेशन में इम्प्लीमेंट किया है। अब जब भी कोई त्रुटि होगी, तो यह सर्विस हमें उसे हैंडल करने का अवसर देगा।

इस तरह से, हमने देखा कि कैसे हम अपने वेब एप्लिकेशन में कॉलबैक त्रुटियों को हैंडल कर सकते हैं। यह बहुत ही महत्वपूर्ण होता है कि हम यूजर को सही शीतल अनुभव दे सकें और उसको अनजाने में त्रुटियों का सामना नहीं करना पड़े।