デフォルトのプロパティ値を設定するgetDefaultPropsメソッド



Set Default Property Value Getdefaultprops Method



1.getDefaultPropsの概要

コンポーネントのgetDefaultPropsを実装することにより、プロパティのデフォルト値を設定します。

次に、実際のコード

  1. ShowTitleコンポーネントの定義var ShowTitle = React.createClass({ getDefaultProps:function(){ return{ title: 'Baidu Technology' } }, render : function(){ return } })ヒント:上記のコードタイトルのデフォルト値は「BaiduTechnology」です。
  2. Show ReactDOM.render( , document.getElementById('container') )注:ここではサブコンポーネントに値は渡されませんが、title属性はデフォルト値に設定されており、「BaiduTechnology」がインターフェースに表示されます。
  3. 効果