Typescript - 创建所有可用 css 属性的类型

问题描述

我正在使用 React 和样式化组件，并且我有一个接受 css 属性字符串的函数。我想输入它来验证字符串是否是有效的 css 属性（颜色、背景颜色等...）

function doSomething(csspropertyName: SomeType) {
}

doSomething('border-color'); // No error
doSomething('non-existing-css-property'); // Should give an error

我怎样才能做到这一点？
谢谢！

解决方法

使用：https://github.com/frenic/csstype 我认为您可以简单地使用：

function doSomething(prop: keyof CSSProperties) {
}

doSomething('borderColor'); // No error
doSomething('non-existing-css-property'); // Should give an error