reactjs - starter - react with typescript or not

¿Cómo declarar defaultProps en una clase de componente React usando TypeScript?

Question

¿Alguien podría mostrar un ejemplo de la definición de defaultProps por defaultProps en una clase de componente React en TypeScript?

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

Puedes definir los apoyos por defecto de esta manera:

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

Esto es equivalente en TypeScript a la definición de Predeterminados como un campo estático dentro del cuerpo de la clase:

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