添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

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