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

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

 
});