Render component using a function did not work?

Question

Instead of throwing everything into one render function, I try to create function but it did not appear. What am I doing wrong?

var dashboard = React.createClass({

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

    renderDate(){
      <Datepicker />
    }

});

module.exports = dashboard;

Answer 1

the function renderDate() is wrong and lacked with a , before renderDate(), should like this:

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>
        );
    }

});

Answer 2

Your renderDate method must return a component. Try this

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