Wie Standardeigenschaftswerte in Reagieren mit Typescript festgelegt werden?

Question

Wie kann ich die Standardwerte von Eigenschaften in React-Komponenten festlegen, wenn Sie mit Typescript arbeiten?

Ich sah von einem anderen question auf SE, dass ich eine statische Klassenvariable von defaultProps als ein Objekt mit seinen Schlüsseln meine Eigenschaften erklären konnte, aber das scheint nicht für mich zu arbeiten.

Irgendwie wurde die statische Variable defaultProps von nirgendwo aufgerufen und die Eigenschaften haben immer noch nicht ihre Standardwerte.

Answer 1

Hier ist, wie ich es im Konstruktor tun:

interface iProps { 
    value?: any; 
    disabled?: boolean; 
} 

export class MyComponent extends React.Component<iProps, {}> { 
    private value: any; 
    private disabled: boolean; 

    constructor(props: iProps) { 
     super(props); 

     var value: any = ""; 
     if (typeof this.props.value !== "undefined") { 
     value = this.props.value; 
     } 

     var disabled: boolean = false; 
     if (this.props.disabled) { 
     disabled = true; 
     } 
    } 

    handleClick(event) { 
     //Bla bla bla 
    } 

    render() { 
     return (
     <div> 
      <button onClick={this.handleClick.bind(this) } disabled={this.disabled}> 
       my button 
      </button> 
     </div> 
    ); 
    } //end render. 

    componentDidMount() { 
     //Bla bla bla 
    } 

    componentDidUpdate() { 
     //Bla bla bla 
    } 
} //end class.