関数を使用したレンダリングコンポーネントが機能しませんでしたか？

Question

すべてを1つのレンダリング関数に投げるのではなく、関数を作成しようとしましたが、表示されませんでした。私は間違って何をしていますか？

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()が間違っているとrenderDate()前,に欠けていた、このようにする必要があり、この

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

Answer 2

を試してみてください： "？なぜこれが何をレンダリングしない*" *

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

 
});