reactjs - CSSProperties TextAlignProperty typfel

Jag använder React 16.8 med Typescript "@zeit/next-typescript": "1.1.0"

Jag har ett gränssnitt i inline-stil. Och det finns ett objekt som använder IInputInlineStyle-gränssnittet.

interface IInputInlineStyle {
    padding: string;
    textAlign?: string;
    paddingLeft?: string | number;
    color?: string;
}

 const inputInlineStyle: IInputInlineStyle = {
            padding,
            textAlign
        };

Men jag fick detta felmeddelande.

Fel:(155, 21) TS2322: Typen 'IInputInlineStyle' kan inte tilldelas typen 'CSSProperties'.

Typer av egenskapen 'textAlign' är inkompatibla.

Typen 'string' kan inte tilldelas typen 'TextAlignProperty'.

Hur kan jag åtgärda detta problem?

Svar #1

Sedan Typescript 3.4 kan du använda as const-notationen:

const inputInlineStyle = {
  textAlign: 'center' as const
};

Källa - https://github.com/typestyle/typestyle/issues/281#issuecomment-535359254

Relaterade artiklar