હલ: પ્રતિક્રિયામાં વર્તમાન તારીખ બતાવવાની સૌથી સહેલી રીત

એક ઉકેલ એ છે કે a નો ઉપયોગ કરવો DatePicker ને બદલે . પછી, તમે વર્તમાન તારીખ મેળવવા માટે તેની 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);

આ કોડ એક નવો Date ઑબ્જેક્ટ બનાવે છે અને તેને આજે ચલમાં સંગ્રહિત કરે છે. તે પછી કન્સોલ પર આજની કિંમત છાપે છે.

તારીખો સાથે કેવી રીતે કામ કરવું

પ્રતિક્રિયામાં તારીખો સાથે કામ કરવાની કેટલીક રીતો છે. તારીખ ઑબ્જેક્ટનો ઉપયોગ કરવાની એક રીત છે. તમે નીચે પ્રમાણે વર્તમાન તારીખ મેળવી શકો છો:

var આજે = નવી તારીખ();

તમે તારીખ પસંદ કરવા માટે DatePicker ઘટકનો પણ ઉપયોગ કરી શકો છો. નીચેનો કોડ બતાવે છે કે કેવી રીતે સરળ DatePicker ઘટક બનાવવું:

'પ્રતિક્રિયા' માંથી પ્રતિક્રિયા, { ઘટક } આયાત કરો; 'રિએક્ટ-નેટિવ' માંથી { બટન, આયકન } આયાત કરો; એક્સપોર્ટ ડિફૉલ્ટ ક્લાસ MyDatePicker કોમ્પોનન્ટ { કન્સ્ટ્રક્ટર(પ્રોપ્સ) { સુપર(પ્રોપ્સ) વિસ્તારે છે; this.state = { પસંદ કરેલી તારીખ: નવી તારીખ() }; } onChange = () => this.setState({ selectedDate: this.state.selectedDate + 1 }); રેન્ડર() { રીટર્ન ( તારીખ પસંદ કરો ); } }

onChange ફંક્શન વપરાશકર્તાના ઇનપુટના આધારે ઘટકની સ્થિતિને અપડેટ કરે છે. વપરાશકર્તાઓ તરફથી ઇનપુટ મેળવવા માટે તમે તમારા ઘટકોમાં dateInput ફીલ્ડનો પણ ઉપયોગ કરી શકો છો.

તારીખો સાથે શ્રેષ્ઠ ટીપ્સ

React સાથે ડેટિંગ કરતી વખતે ધ્યાનમાં રાખવાની કેટલીક બાબતો છે.

પ્રથમ, હંમેશા ખાતરી કરો કે તમારો કોડ સારી રીતે ચકાસાયેલ છે. આ તમને તમારી એપ્લિકેશનમાં કોઈપણ મૂંઝવતી ભૂલો અથવા ક્રેશ ટાળવામાં મદદ કરશે. બીજું, તમારા પ્રોજેક્ટ માટે યોગ્ય પુસ્તકાલયો અને સાધનોનો ઉપયોગ કરવાની ખાતરી કરો. ઉદાહરણ તરીકે, જો તમે React રાઉટરનો ઉપયોગ કરી રહ્યાં છો, તો નવીનતમ સંસ્કરણનો ઉપયોગ કરવાની ખાતરી કરો. ત્રીજું, વિવિધ ઉપકરણો અને બ્રાઉઝર પર તમારો કોડ કેવો દેખાય છે અને કેવી લાગે છે તેનું ધ્યાન રાખો. છેવટે, હંમેશા અન્ય અને તેમના સમયનો આદર કરો.