Lahendatud: lihtsaim viis praeguse kuupäeva kuvamiseks reactis

Üks lahendus on kasutada a kuupäevavalija asemel. Seejärel saate praeguse kuupäeva hankimiseks kasutada meetodit 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);

See kood loob uue Date objekti ja salvestab selle muutujasse täna. Seejärel prindib see konsooli tänase päeva väärtuse.

Kuidas kuupäevadega töötada

Reactis on kuupäevadega töötamiseks mitu võimalust. Üks võimalus on kasutada objekti Date. Praeguse kuupäeva saate järgmiselt:

var täna = new Kuupäev();

Kuupäeva valimiseks saate kasutada ka DatePickeri komponenti. Järgmine kood näitab, kuidas luua lihtsat DatePickeri komponenti:

import React, { Component } from 'react'; import { Button, Icon } from 'react-native'; ekspordi vaikeklass MyDatePicker extends Component { konstruktor(rekvisiidid) { super(rekvisiidid); this.state = {valitudKuupäev: uus Kuupäev()}; } onChange = () => this.setState({ selectedDate: this.state.selectedDate + 1 }); render() { return ( Valige Kuupäev ); } }

Funktsioon onChange värskendab komponendi olekut kasutaja sisendi põhjal. Kasutajatelt sisendi saamiseks saate oma komponentides kasutada ka välja dateInput.

Parimad näpunäited kuupäevadega

Reactiga kohtamisel tuleb meeles pidada mõnda asja.

Esiteks veenduge alati, et teie kood on hästi testitud. See aitab teil rakenduses vältida piinlikke vigu või kokkujooksmisi. Teiseks kasutage kindlasti oma projekti jaoks õigeid teeke ja tööriistu. Näiteks kui kasutate React Routerit, kasutage kindlasti uusimat versiooni. Kolmandaks pidage meeles, kuidas teie kood erinevates seadmetes ja brauserites välja näeb ja tundub. Lõpuks olge alati austav teiste ja nende ajast.