Løst: nemmeste måde at vise den aktuelle dato i reagere

En løsning er at bruge en i stedet for en DatePicker. Derefter kan du bruge dens getInputValue() metode til at få den aktuelle dato.

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

Denne kode opretter et nyt Dato-objekt og gemmer det i variablen i dag. Den udskriver derefter dagens værdi til konsollen.

Sådan arbejder du med datoer

Der er et par måder at arbejde med datoer på i React. En måde er at bruge Date-objektet. Du kan få den aktuelle dato som følger:

var i dag = ny dato();

Du kan også bruge DatePicker-komponenten til at vælge en dato. Følgende kode viser, hvordan man opretter en simpel DatePicker-komponent:

importer React, { Component } fra 'react'; import { Button, Icon } fra 'react-native'; eksport standardklasse MyDatePicker udvider Component { constructor(props) { super(props); this.state = { selectedDate: new Date() }; } onChange = () => this.setState({ selectedDate: this.state.selectedDate + 1 }); render() { return ( Vælg dato ); } }

OnChange-funktionen opdaterer komponentens tilstand baseret på brugerinput. Du kan også bruge dateInput-feltet i dine komponenter til at få input fra brugere.

Bedste tips med datoer

Der er et par ting, du skal huske på, når du dater med React.

Først skal du altid sikre dig, at din kode er gennemtestet. Dette vil hjælpe dig med at undgå pinlige fejl eller nedbrud i din app. For det andet skal du sørge for at bruge de rigtige biblioteker og værktøjer til dit projekt. For eksempel, hvis du bruger React Router, skal du sørge for at bruge den nyeste version. For det tredje skal du være opmærksom på, hvordan din kode ser ud og føles på forskellige enheder og browsere. Endelig skal du altid have respekt for andre og deres tid.