Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/384.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript React中Date方法的要求_Javascript_Reactjs - Fatal编程技术网

Javascript React中Date方法的要求

Javascript React中Date方法的要求,javascript,reactjs,Javascript,Reactjs,当我编写以下代码时 import React,{Component} from 'react'; import ReactDOM from 'react-dom'; import './index.css'; class Date extends React.Component{ dataToString = (d) =>{ return [ d.getFullYear(), d.getMont

当我编写以下代码时

    import React,{Component} from 'react';
    import ReactDOM from 'react-dom';
    import './index.css';
    class Date extends React.Component{
        dataToString = (d) =>{
        return [
        d.getFullYear(),
        d.getMonth + 1,
        d.getDate()
      ].join('-')
    }
错误如下所示,谢谢大家

Uncaught TypeError: d.getFullYear is not a function
at Date._this.dataToString (index.js:10)
at Date.render (index.js:18)
at ReactCompositeComponent.js:796
at measureLifeCyclePerf (ReactCompositeComponent.js:75)
at 

在线,谢谢

这不是编写
React组件的正确方法

问题是:无论何时使用任何
React.Component
,我们都必须定义
render
方法。这是该
组件的
起点
,意味着这是React开始创建
UI
的地方,并且您没有定义
呈现
方法

如果您只想编写一个只包含一些
通用方法的文件,请按如下方式创建它:

module.exports{

    dataToString : function(d){
        return [
        d.getFullYear(),
        d.getMonth() + 1,
        d.getDate()
      ].join('-');
   },

   dateOnly: function(d){
       /*write your logic here*/
       return d;
   }      

}
class DateClass extends React.Component{
        dataToString(d) {
           return [
              d.getFullYear(),
              d.getMonth() + 1,
              d.getDate()
           ].join('-')
         }

         render(){
            return <div>{this.dataToString(new Date())}</div>
         }
 }
您可以通过
导入项目中任何位置的该文件来使用这些方法

或者,如果您希望将其作为
组件编写,则还可以定义
呈现
方法,如下所示:

module.exports{

    dataToString : function(d){
        return [
        d.getFullYear(),
        d.getMonth() + 1,
        d.getDate()
      ].join('-');
   },

   dateOnly: function(d){
       /*write your logic here*/
       return d;
   }      

}
class DateClass extends React.Component{
        dataToString(d) {
           return [
              d.getFullYear(),
              d.getMonth() + 1,
              d.getDate()
           ].join('-')
         }

         render(){
            return <div>{this.dataToString(new Date())}</div>
         }
 }
class-DateClass扩展了React.Component{
数据串(d){
返回[
d、 getFullYear(),
d、 getMonth()+1,
d、 getDate()
].join(“-”)
}
render(){
返回{this.dataToString(new Date())}
}
}

如果您需要帮助,请告诉我。

非常感谢您,我的错误id日期,我应该使用DateClass
class DateClass extends React.Component{