如何解决类型 'string' 不可分配给类型 'WebkitAppearance |在 React + TypeScript 中未定义?
我看到你像<div style={{WebkitAppearance: SOMETHING}}></div>
那样做,但什么是东西?
type PropType = {
appearance: string;
}
function MyComponent({
appearance
}: PropType) {
const style = {
WebkitAppearance: appearance
}
}
我收到此错误:
Type 'string' is not assignable to type 'WebkitAppearance | undefined'
如何在 React + TypeScript 中设置 -webkit-appearance
?
解决方法
“SOMETHING”是来自 csstype 的 Property.WebkitAppearance
类型。
您可能想要使用标准属性 WebkitAppearance
而不是 appearance
。仅当您将其设置为 non-standard value 时才使用 WebkitAppearance
,例如 "attachment"
。
请注意,这些都不能分配给 string
(因此是您的错误);您必须使用它们在 csstype 包中定义的类型:
import { Property } from './node_modules/csstype';
type PropType = {
appearance: Property.WebkitAppearance;
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。