在 TypeScript 中使用 CSS 自定义属性时,会有这样一个错误提示。
TS2326: Types of property 'style' are incompatible. Type '{ "--color": string; }' is not assignable to type 'CSSProperties'. Object literal may only specify known properties, and '"--color"' does not exist in type 'CSSProperties'. 有两种方法可以修复这个错误。 方法 1. 将对象转换为 React.CSSProperties const style = { "--color": "tomato", } as React.CSSProperties; 方法 2. 创建一个继承 React.CSSProperties 的接口 interface CSSPropertiesWithVars extends CSSProperties { "--color": string;
有两种方法可以修复这个错误。
React.CSSProperties
const style = { "--color": "tomato", } as React.CSSProperties; 方法 2. 创建一个继承 React.CSSProperties 的接口 interface CSSPropertiesWithVars extends CSSProperties { "--color": string;
interface CSSPropertiesWithVars extends CSSProperties { "--color": string;