हल: प्रतिक्रिया में वर्तमान तिथि दिखाने का सबसे आसान तरीका

एक समाधान का उपयोग करना है डेटपिकर के बजाय। फिर, आप वर्तमान दिनांक प्राप्त करने के लिए इसकी getInputValue() विधि का उपयोग कर सकते हैं।

The easiest way to show the current date in React is to use the built-in Date object:

var today = new Date();

console.log(today);

यह कोड एक नई दिनांक वस्तु बनाता है और इसे आज के चर में संग्रहीत करता है। यह तब आज के मूल्य को कंसोल पर प्रिंट करता है।

तारीखों के साथ कैसे काम करें

रिएक्ट में तारीखों के साथ काम करने के कुछ तरीके हैं। दिनांक वस्तु का उपयोग करने का एक तरीका है। आप वर्तमान तिथि इस प्रकार प्राप्त कर सकते हैं:

var आज = ​​नई तिथि ();

आप दिनांक का चयन करने के लिए डेटपिकर घटक का भी उपयोग कर सकते हैं। निम्न कोड दिखाता है कि एक साधारण डेटपिकर घटक कैसे बनाया जाए:

आयात प्रतिक्रिया, {घटक} 'प्रतिक्रिया' से; आयात {बटन, चिह्न} 'प्रतिक्रिया-मूल' से; निर्यात डिफ़ॉल्ट वर्ग MyDatePicker घटक {निर्माता (सहारा) {सुपर (सहारा) बढ़ाता है; यह राज्य = {चयनित तिथि: नई तिथि ()}; } ऑनचेंज = () => यह.सेटस्टेट ({चयनित दिनांक: यह.स्टेट.चयनित दिनांक + 1}); रेंडर () {वापसी ( तारीख़ चुनें ); } }

ऑन चेंज फ़ंक्शन उपयोगकर्ता इनपुट के आधार पर घटक की स्थिति को अद्यतन करता है। आप उपयोगकर्ताओं से इनपुट प्राप्त करने के लिए अपने घटकों में दिनांक इनपुट फ़ील्ड का भी उपयोग कर सकते हैं।

तारीखों के साथ बेहतरीन टिप्स

रिएक्ट के साथ डेटिंग करते समय कुछ बातों का ध्यान रखना चाहिए।

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