¿Cómo obtener la fecha y hora actuales en firebase usando ReactJS?

El siguiente enfoque cubre cómo obtener la fecha y la hora actuales en firebase usando react. Hemos utilizado el módulo firebase para lograrlo.

Creación de la aplicación React e instalación del módulo:

• Paso 1: cree una aplicación React con el siguiente comando:

  npx create-react-app myapp

• Paso 2: después de crear la carpeta de su proyecto, es decir, myapp, acceda a ella con el siguiente comando:

  cd myapp

 

• Paso 3: después de crear la aplicación ReactJS, instale el módulo Firebase con el siguiente comando:

  npm install firebase@8.3.1 --save

Estructura del proyecto: La estructura de nuestro proyecto se verá así.

Ejemplo: Ahora implemente la parte de fecha y hora. Aquí, vamos a utilizar un método llamado Marca de tiempo que nos ayuda a obtener la fecha y la hora actuales.

import React from 'react';
import firebase from 'firebase';
import {useState} from 'react';
  
function App() {
  // Current state
  const [curr , setCurr] = useState('');
    
  // Function to get time and date
  const getDate = () => {
      const a = firebase.firestore
          .Timestamp.now().toDate().toString();
      setCurr(a);
  }
    
  return (
    <div>
      <center>
        <h1>{curr}</h1>
        <button onClick={getDate}>Show Date</button>
      </center>
    </div>
  );
}
  
export default App;

Paso para ejecutar la aplicación: ejecute la aplicación utilizando el siguiente comando desde el directorio raíz del proyecto:

npm start

Salida: Ahora abra su navegador y vaya a http://localhost:3000/ , verá la siguiente salida: