Typoskript "Nicht zuordnen Eigenschaft, denn es ist eine Konstante oder eine nur-Lesen" obwohl die Eigenschaft nicht markiert ist readonly

Ich habe den folgenden code 

type SetupProps = {
    defaults: string;
}

export class Setup extends React.Component<SetupProps, SetupState> {
    constructor(props: any) {
        super(props);
        this.props.defaults = "Whatever";
}

Wenn Sie versuchen, diesen code auszuführen, der TS-compiler gibt die folgende Fehlermeldung zurück:

Nicht zuweisen können 'defaults', weil es eine Konstante oder eine nur-Lesen -
Eigenschaft.

Wie ist deafualts eine readonly-Eigenschaft, wenn seine eindeutig nicht auf diese Weise gekennzeichneten.

InformationsquelleAutor Hentov | 2017-11-30
  1. 1

    Vergrößern Sie React.Component und definiert props als Readonly<SetupProps>

    class Component<P, S> {
    constructor(props: P, context?: any);
    ...
    props: Readonly<{ children?: ReactNode }> & Readonly<P>;
    state: Readonly<S>;
    ...
}

    Quelle

    Wenn Sie möchten, weisen Sie einige default-Werte, können Sie gehen mit etwas wie:

    constructor({ defaults = 'Whatever' }: Partial<SetupProps>) {
    super({defaults});
}
    • Macht Sinn. Aber wie bin ich dann in der Lage sein zu ändern (zuweisen) die Werte von meinem props-Objekt.
    • Hinzugefügt ein Beispiel. Hoffe, das hilft
    InformationsquelleAutor Aleksey L.
Schreibe einen Kommentar