我的组件接受一个overlay应该是有效 CSS 颜色的道具。
当我在样式对象中CTRL + Click的color属性上时,类型定义来自csstypenode_modules 中的文件夹。CSS 颜色属性的类型定义定义为Property.Color. 我将该类型导入到我的组件中并将其用作我的overlay道具类型,但是any当我尝试使用该组件时它最终会出现。
我的组件的类型定义:
import { Property } from "../node_modules/csstype/index";
export interface BlurredComponentProps {
overlay?: Property.Color;
}
Run Code Online (Sandbox Code Playgroud)
这是我使用组件时的样子:
所以我的问题是,如何正确输入一个应该只采用有效 CSS 颜色的道具,如果给出了非颜色值,则给出错误?
谢谢