How to display a current year in React

Getting the current year

To get the current year in react, we need to call the getFullYear() method on a new Date() constructor.

The getFullYear() method returns the year in four-digit(2020) format according to the user local time.

Footer.js (for example)

import React from "react"
 
export default function Footer() {
  return (
    <footer>
      <p>{new Date().getFullYear()}</p> {/* Outputs 2020 */}
    </footer>
  );
}

or we can create a function that returns the current year.

Footer.js

import React from "react"
 
export default function Footer() {
 
  const getCurrentYear = () => {
    return new Date().getFullYear()
  };
 
  return (
    <footer>
      <p>{getCurrentYear()}</p>
    </footer>
  );
}

You can also get the current year according to the universal time instead of user local time by using the getUTCFullYear() method

Footer.js

import React from "react"
 
export default function Footer() {
  return (
    <footer>
      <p>{new Date().getUTCFullYear()}</p> {/* Outputs 2020 */}
    </footer>
  )
}

Google reCAPTCHA IPSmanager настройка резервного копирования