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{