相关疑难解决方法(0)

如何输入颜色道具?

我的组件接受一个overlay应该是有效 CSS 颜色的道具。

当我在样式对象中CTRL + Clickcolor属性上时,类型定义来自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 颜色的道具,如果给出了非颜色值,则给出错误?

谢谢

javascript css colors typescript reactjs

1
推荐指数
1
解决办法
96
查看次数

标签 统计

colors ×1

css ×1

javascript ×1

reactjs ×1

typescript ×1