新しい日付（）。反応のgetFullYear（）

Question

私は現在の年をフッターに表示しようとしていますが、現在の年を取得する方法を理解しようとしていますか？ 新しいDate（）。getFullYear（）を使用する方法はありますか？

Answer 1

{}の中にPure JavaScriptを配置する必要があります。これは私の作品：

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

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

コンパイルされたバージョンは、次のとおりです。

その後、あなただけの変数 const today = new Date();を追加することができ

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

ReactDOM.render(React.createElement(HelloMessage, null), mountNode); 

Answer 2

あなたはこのコードを使用することができます

new GregorianCalendar().getWeekYear()

Answer 3

あなたがそれを配置したい場所に追加今年はを引っ張ります。

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

、その後、あなたが希望の場所にレンダリング機能にそれを挿入します。あなたができる

Answer 4

ことの一つは、年間取得レンダリング関数の外側の関数を作成することです。レンダリングの外でよく名前の関数で

© 2018 Your Name

：生み出す

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

：たとえば、あなたはあなたのフッターに現在の年を取得する<span>タグにそれを置くことができメソッドを使用すると、関数が何をしているのかをすぐに知ることができます。たとえば、© 1996 - 2018などの著作権年を変更したい場合は、将来変更することができます。