使用函数渲染组件不起作用？

Question

我没有把所有东西都放到一个渲染函数中，而是尝试创建函数，但它没有出现。我做错了什么？

var dashboard = React.createClass({

    render: function() {
        return (
           <div>
              <Datepicker /> 
              {this.renderDate()} //why this render nothing?
           </div>
        );
    }

    renderDate(){
      <Datepicker />
    }

});

module.exports = dashboard;

Answer 1

您的renderDate方法必须返回一个组件。试试这个

renderDate(){
    return (
       <Datepicker />
    );
}

Answer 2

函数renderDate()错误且在,之前缺少renderDate()，应该是这样的：

var dashboard = React.createClass({

    render: function() {
        return (
           <div>
              <Datepicker /> 
              {this.renderDate()}
           </div>
        );
    },

    renderDate(){
    return <Datepicker />;
    }

});

var Datepicker = React.createClass({

    render: function() {
        return (
           <div>
           Datepicker content
           </div>
        );
    }

});