当前日期,年份,月份通过功能做出反应

时间:2018-05-16 16:10:45

标签: reactjs

我有一个代码

const currYear =() =>{

    var year = new Date.getFullYear();

        return year;

    }

{this.currYear}这是我在我的组件中访问它的方式,但它没有显示。我可以用不同的方式做到这一点但是有效。

{new Date.getFullYear()}这是在反应js中调用渲染的直接javascript方法。这种方式很有效。

7 个答案:

答案 0 :(得分:1)

使用{this.currYear()}尝试。

答案 1 :(得分:1)

您的代码中存在一些错误

您收到语法错误,因为您正在使用const来保护函数,您还需要将日期定义为函数

currYear = () => {
  var year = new Date().getFullYear();
  return year;
}



class App extends React.Component {

 currYear = () => {
      var year = new Date().getFullYear();
      return year;
    }
  render() {
    return (
      <div>
        <h1> {this.currYear()} </h1>
      </div>
    );
  }
}

ReactDOM.render(<App />, document.getElementById('root'));
&#13;
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>

<div id='root'></div>
&#13;
&#13;
&#13;

按顺序,如果你想使用类渲染中的函数

render() {
  function currYear() {
    var year = new Date().getFullYear();
    return year;
  }
  return (
    <div>
      {currYear()}
    </div>
  );

答案 2 :(得分:1)

现在以这种方式修复

在语法中我们以两种方式检查所有内容

  1. 常量
  2. 功能
  3. @Liam 你的代码是绝对正确的,但我用这种方式改变了一点,所以它看起来非常完美。

    function currYear() {
    var year = new Date().getFullYear();
     return year;
    }
    
    {currYear()}
    

答案 3 :(得分:0)

它没有显示,因为您已将其声明为类之外的typedef struct node{ int ln; int col; struct node *next; } node; void append(node *head, int ln, int col){ node *tmp, *cur; cur=head; tmp=(node *)malloc(sizeof(node)); tmp->ln=ln; tmp->col=col; tmp->next=NULL; if (head==NULL) head=tmp; else{ while (cur->next!=NULL) cur=cur->next; cur->next=tmp; } } 如果在课堂之外宣布,则需要引用不带 const

作为方法添加,然后使用this触发功能访问。

this

答案 4 :(得分:0)

修复currYear()函数:

Cipher c = Cipher.getInstance("AES_256/CBC/PKCS7Padding");

并使用{this.currYear()}(是的,你可以)

答案 5 :(得分:0)

由于函数是在类之外声明的,因此无法将其作为相关类的字段进行访问。要调用函数currYear,只需调用

即可
{currYear()}

没有前导this

答案 6 :(得分:0)

autocomplete