Løst: enkleste måten å vise nåværende dato i reaksjon

En løsning er å bruke en i stedet for en DatePicker . Deretter kan du bruke metoden getInputValue() for å få gjeldende 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 koden oppretter et nytt Dato-objekt og lagrer det i variabelen i dag. Den skriver deretter ut dagens verdi til konsollen.

Hvordan jobbe med datoer

Det er noen få måter å jobbe med datoer på i React. En måte er å bruke Date-objektet. Du kan få gjeldende dato som følger:

var i dag = ny dato();

Du kan også bruke DatePicker-komponenten til å velge en dato. Følgende kode viser hvordan du lager en enkel DatePicker-komponent:

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

OnChange-funksjonen oppdaterer tilstanden til komponenten basert på brukerinndata. Du kan også bruke dateInput-feltet i komponentene dine for å få innspill fra brukere.

Beste tips med datoer

Det er et par ting å huske på når du dater med React.

Først må du alltid sørge for at koden din er godt testet. Dette vil hjelpe deg å unngå pinlige feil eller krasj i appen din. For det andre, sørg for å bruke de riktige bibliotekene og verktøyene for prosjektet ditt. For eksempel, hvis du bruker React Router, sørg for å bruke den nyeste versjonen. For det tredje, vær oppmerksom på hvordan koden din ser ut og føles på forskjellige enheter og nettlesere. Til slutt, alltid ha respekt for andre og deres tid.