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

Question

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

function doSomething(cssPropertyName: SomeType) {
}

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

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

Answer 1

使用：https://github.com/frenic/csstype 我想你可以简单地使用：

function doSomething(prop: keyof CSSProperties) {
}

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