Kuxazululiwe: indlela elula yokubonisa idethi yamanje ekuphenduleni

Isibuyekezo sokugcina: 09/11/2023

Inkinga enkulu ngokusebenzisa indlela elula yokubonisa idethi yamanje ku-React ukuthi ayisebenzi ngaso sonke isikhathi. Isibonelo, uma usebenzisa ingxenye ye-DatePicker, indlela elula yokubonisa idethi yamanje kungaba ukusebenzisa indlela yayo ye-getDate(). Nokho, uma i-DatePicker yakho ingaphakathi kwe-a

, getDate() ngeke isebenze ngenxa yokuthi isibambi se-onSubmit sefomu sizoshayela i-setState() , ezobuyekeza usuku kusetshenziswa noma yiliphi inani eliku-state.date okwamanje .

Isixazululo esisodwa ukusebenzisa a esikhundleni se-DatePicker. Bese, ungasebenzisa indlela yayo ye-getInputValue() ukuze uthole idethi yamanje.

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);

Le khodi idala into entsha yedethi futhi iyigcine kokuguquguqukayo namuhla. Bese iphrinta inani lanamuhla kukhonsoli.

Indlela yokusebenza namadethi

Kunezindlela ezimbalwa zokusebenza ngezinsuku ku-React. Enye indlela iwukusebenzisa into ethi Date. Ungathola idethi yamanje kanje:

var today = new Date();

Ungasebenzisa futhi ingxenye ye-DatePicker ukuze ukhethe idethi. Ikhodi elandelayo ikhombisa ukuthi ungayakha kanjani ingxenye ye-DatePicker elula:

ngenisa i-React, { Ingxenye } isuka 'ku-react'; ngenisa {Inkinobho, Isithonjana } kusuka 'ku-react-native'; thekelisa ikilasi elizenzakalelayo le-MyDatePicker inweba Ingxenye {umakhi(ama-props) {i-super(props); this.state = { selectedDate: new Date() }; } onChange = () => this.setState({ selectedDate: this.state.selectedDate + 1 }); render() {buyisela ( ); }}

Umsebenzi we-onChange ubuyekeza isimo sengxenye ngokusekelwe kokufakwayo komsebenzisi. Ungasebenzisa futhi inkambu ye-dateInput ezingxenyeni zakho ukuze uthole okokufaka kubasebenzisi.

Amathiphu amahle kakhulu anezinsuku

Kunezinto ezimbalwa okufanele uzikhumbule lapho uthandana no-React.

Okokuqala, hlala uqinisekisa ukuthi ikhodi yakho ihlolwe kahle. Lokhu kuzokusiza ukuthi ugweme noma yiziphi iziphazamisi eziyihlazo noma ukuphahlazeka kuhlelo lwakho lokusebenza. Okwesibili, qiniseka ukuthi usebenzisa imitapo yolwazi efanele kanye namathuluzi ephrojekthi yakho. Isibonelo, uma usebenzisa i-React Router, qiniseka ukuthi usebenzisa inguqulo yakamuva. Okwesithathu, khumbula ukuthi ikhodi yakho ibukeka futhi izwakala kanjani kumadivayisi ahlukene nasezipheqululini. Okokugcina, hlala uhlonipha abanye kanye nesikhathi sabo.

Okuthunyelwe okuhlobene:

Shiya amazwana