TypeScriptを使用してReactコンポーネントクラスにdefaultPropsを宣言する方法は？

Question

TypeScriptのReactコンポーネントクラスにdefaultPropsを定義する例は誰でも表示できますか？

interface IProps {} 
interface IState {} 

class SomeComponent extends Component<IProps, IState> { 
    // ... defaultProps ? 
    // public defaultProps: IProps = {}; // This statement produces an error 

    constructor(props: IProps) { 
     super(props); 
    } 

    // ... 
} 

Answer 1

デフォルトの小道具をこのように定義することができます。

export class Counter extends React.Component { 
    constructor(props) { 
    super(props); 
    this.state = {count: props.initialCount}; 
    this.tick = this.tick.bind(this); 
    } 
    tick() { 
    this.setState({count: this.state.count + 1}); 
    } 
    render() { 
    return (
     <div onClick={this.tick}> 
     Clicks: {this.state.count} 
     </div> 
    ); 
    } 
} 
Counter.propTypes = { initialCount: React.PropTypes.number }; 
Counter.defaultProps = { initialCount: 0 }; 

これは、クラス本体内の静的フィールドとしてdefaultPropsを定義する活字体で同等である：で動作するように、このために

class SomeComponent extends Component<IProps, IStates> { 
    public static defaultProps: IProps = { /* ... */ }; 
    // ... 
}