在React

Question

当我写下面的代码时

    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 

在线，谢谢

Answer 1

这不是写React Component的正确方法。

问题是：每当我们使用任何React.Component时，我们都必须定义render方法。这是starting的{​​{1}}点，意味着这是React启动component的地方，并且您没有定义UI creation方法。< / p>

如果您只想编写仅包含某些render的文件，请按以下方式创建：

generic methods

您可以在项目的任何位置使用module.exports{ dataToString : function(d){ return [ d.getFullYear(), d.getMonth() + 1, d.getDate() ].join('-'); }, dateOnly: function(d){ /*write your logic here*/ return d; } } 此文件的这些方法。

或者，如果您想将其编写为importing，请定义component方法，如下所示：

render

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