React.jsのES7クラスの静的プロパティのオーバーライド/拡張​​

Question

ES7には、staticプロパティとメソッド定義の概念が導入されています。 ES7対応transpilerとともに、これらcan be used in Reactはそうのように、propsためにバリデータおよびデフォルトを指定するには：

export default class ComponentOne extends React.Component { 
    static propTypes = { 
     foo: React.PropTypes.string 
    } 
    static defaultProps = { 
     foo: 'bar' 
    } 
    // ... 
} 

これは超便利ですが、サブクラスが遊びに来たときにトリッキー取得します。たとえば、以下のモジュールがComponentOne上記と同じコードベースに追加されたと言う：

export default class ComponentTwo extends ComponentOne { 
    static propTypes = { 
     baz: React.PropTypes.number 
    } 
    static defaultProps = { 
     baz: 42 
    } 
    // ... 
} 

私はComponentTwoはスーパークラス、ComponentOneのプロパティバリデータおよびデフォルトを「継承」したいと思います。代わりに、propTypesおよびdefaultPropsはComponentTwoであり、これらはComponentOneにあり、リアクトはComponentOneに定義されています。 super以来

は現在のクラスのプロトタイプへの参照である、とstaticは、値は、プロトタイプから直接ハング参照することになって、私はこれはうまくいくかもしれないと思った：

import _ from 'lodash'; 
export default class ComponentTwo extends ComponentOne { 
    static propTypes = _.merge(super.propTypes, { 
     baz: React.PropTypes.number 
    }); 
} 

しかし、これはエラーを生成し、おそらくからバベル：Parsing error: 'super' outside of function or class。

これは動作しますが、非常に移植性がありません。

export default class ComponentTwo extends ComponentOne { 
    static propTypes = Object.assign({ 
     baz: React.PropTypes.number 
    }, ComponentOne.propTypes); 
} 

はもっときれい/ reusablyこれを行うには、他の方法はありますか？

Answer 1

奇妙なことに、superを使用すると、静的メソッドに使用できます。私はそれも静的なプロパティのために動作するはずだと思います。私には、それから、それが直接のスーパークラス名を使用するために、より自然な感じ：superを使用するように、

export default class ComponentTwo extends ComponentOne { 
    static propTypes = _.merge({}, ComponentOne.propTypes, { 
    baz: React.PropTypes.number 
    }); 
} 

しかし、私は考えることができる1つの回避策は、残念ながら持っていると思われる、プロパティを初期化するための静的メソッドを使用しています手動で呼び出される静的プロパティを持つクラスを継承する場合

class ComponentTwo extends ComponentOne { 
    static _init() { 
    this.propTypes = _.merge({}, super.propTypes, { 
     baz: React.PropTypes.number 
    }); 
    } 
} 
ComponentTwo._init();