Компонент визуализации с помощью функции не работает?

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

 
});