Front-End Programming Exam  >  Front-End Programming Videos  >  Learn React JS: Fundamentals for Front-End Developers (in Hindi)  >  ComponentDidMount - LifeCycle Method & How to do Ajax in ReactJS [#2] Hindi / Urdu Tutorial

ComponentDidMount - LifeCycle Method & How to do Ajax in ReactJS [#2] Hindi / Urdu Tutorial Video Lecture | Learn React JS: Fundamentals for Front-End Developers (in Hindi) - Front-End Programming

32 videos

FAQs on ComponentDidMount - LifeCycle Method & How to do Ajax in ReactJS [#2] Hindi / Urdu Tutorial Video Lecture - Learn React JS: Fundamentals for Front-End Developers (in Hindi) - Front-End Programming

1. ComponentDidMount method क्या होता है और यह क्या करता है?
उत्तर: ComponentDidMount एक LifeCycle method है जो React के एक component में एक बार ही invoke होता है। यह method component बनाए जाने के बाद तुरंत चलता है और इसमें आप Ajax calls, API calls, डाटा fetch और अन्य asynchronous operations को कर सकते हैं।
2. ReactJS में Ajax कैसे किया जाता है?
उत्तर: ReactJS में Ajax किसी भी HTTP library का उपयोग करके किया जा सकता है, जैसे कि Axios या Fetch। निम्नलिखित उदाहरण में Axios का उपयोग करके Ajax का उदाहरण दिया गया है: ``` import axios from 'axios'; class MyComponent extends React.Component { componentDidMount() { axios.get('https://api.example.com/data') .then(response => { console.log(response.data); }) .catch(error => { console.error(error); }); } render() { return ( <div> // Component content </div> ); } } ``` इस उदाहरण में componentDidMount method में Axios का उपयोग किया जाता है जो एक GET request करता है और जोब करने के बाद उत्तर को console में प्रिंट करता है।
3. ComponentDidMount method को कैसे काम में लिया जाता है?
उत्तर: ComponentDidMount method को React component के बाद तुरंत चलाने के लिए उपयोग किया जाता है। जब React component render होता है, तो componentDidMount method एक बार invoke होता है। इसे आप उसी component class में declare कर सकते हैं जिस component में आपको एक बार कार्रवाई करनी है, जैसे कि Ajax calls करना।
4. ComponentDidMount method की क्या उपयोगिता है?
उत्तर: ComponentDidMount method का उपयोग असिंक्रोनस ऑपरेशन, जैसे कि Ajax calls, API calls, डाटा fetch करने, या पहले से मौजूद डाटा को initialize करने के लिए किया जाता है। इस method को उपयोग करके, आप component के माउंट होने के बाद तुरंत इन ऑपरेशन को कर सकते हैं।
5. ReactJS में LifeCycle methods क्या होते हैं?
उत्तर: ReactJS में कुछ मुख्य LifeCycle methods होते हैं जो component के विभिन्न चरणों में invoke होते हैं। इनमे से कुछ methods हैं: componentDidMount, componentDidUpdate, componentWillUnmount, shouldComponentUpdate, getDerivedStateFromProps, आदि। हर LifeCycle method का अपना purpose होता है और वे component के जीवन चक्र में विशेष समय पर invoke होते हैं।
32 videos
Explore Courses for Front-End Programming exam
Signup for Free!
Signup to see your scores go up within 7 days! Learn & Practice with 1000+ FREE Notes, Videos & Tests.
10M+ students study on EduRev
Related Searches

pdf

,

Objective type Questions

,

ComponentDidMount - LifeCycle Method & How to do Ajax in ReactJS [#2] Hindi / Urdu Tutorial Video Lecture | Learn React JS: Fundamentals for Front-End Developers (in Hindi) - Front-End Programming

,

ComponentDidMount - LifeCycle Method & How to do Ajax in ReactJS [#2] Hindi / Urdu Tutorial Video Lecture | Learn React JS: Fundamentals for Front-End Developers (in Hindi) - Front-End Programming

,

video lectures

,

Exam

,

past year papers

,

Extra Questions

,

Semester Notes

,

Previous Year Questions with Solutions

,

Important questions

,

mock tests for examination

,

practice quizzes

,

ComponentDidMount - LifeCycle Method & How to do Ajax in ReactJS [#2] Hindi / Urdu Tutorial Video Lecture | Learn React JS: Fundamentals for Front-End Developers (in Hindi) - Front-End Programming

,

MCQs

,

Summary

,

Free

,

ppt

,

Sample Paper

,

Viva Questions

,

shortcuts and tricks

,

study material

;