new Date().getFullYear() à Réagir

J'essaie d'afficher une année en cours dans le pied de page et d'essayer de comprendre comment obtenir l'année en cours Réagir de la sorte?
Est-il possible d'utiliser new Date().getFullYear()?

Je ne sais pas beaucoup au sujet de Réagir, mais cette question me semble qu'il est vraiment demander "comment faire pour afficher quelque chose à Réagir?" qui me fait me sentir comme vous avez besoin d'un tutoriel.

OriginalL'auteur Max T | 2016-12-22

  1. 23

    Vous avez besoin de mettre du JavaScript à l'intérieur de {}. Cela fonctionne pour moi:

    class HelloMessage extends React.Component {
  render() {
    return <div>{(new Date().getFullYear())}</div>;
  }
}

ReactDOM.render(<HelloMessage />, mountNode);

    La version compilée est:

    class HelloMessage extends React.Component {
  render() {
    return React.createElement(
      "div",
      null,
      new Date().getFullYear()
    );
  }
}

ReactDOM.render(React.createElement(HelloMessage, null), mountNode);
    C'est pourquoi je déteste les cadres comme Réagir. Idéal lorsque vous avez à faire beaucoup de travail complexe, mais ne parvient pas pour les choses simples.
    D'accord... :(
    Oh bon dieu! sérieusement, et j'ai été la création de fonctions et les fonctions des composants de le faire.

    OriginalL'auteur Praveen Kumar Purushothaman

  2. 4

    Une chose que vous pourriez faire est de créer une fonction à l'extérieur de la fonction rendu qui obtient l'année:

    getYear() {
    return new Date().getFullYear();
}

    puis l'insérer dans la fonction rendu où vous le souhaitez. Par exemple, vous pourriez le mettre dans un <span> tag pour obtenir l'année en cours dans votre pied de page:

    <span>
   © {this.getYear()} Your Name
</span>

    Qui donnerait:

    © 2018 Your Name

    Avec un nom de fonction à l'extérieur de la méthode de rendu, vous pouvez trouver rapidement ce que la fonction ne et vous avez la possibilité de modifier dans le futur si, par exemple, vous voulez changer l'année de copyright comme © 1996 - 2018, etc.

    OriginalL'auteur juanezamudio

  3. 3

    Vous pouvez simplement ajouter une variable const today = new Date(); ensuite où vous voulez qu'il plaçait ajouter <p> {today.getFullYear()} </p> à tirer dans le courant de l'année.

    OriginalL'auteur Jamie Paterson