Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
typescipt CSS.Properties重叠属性_Css_Typescript_Webpack_Styles - Fatal编程技术网

typescipt CSS.Properties重叠属性

typescipt CSS.Properties重叠属性,css,typescript,webpack,styles,Css,Typescript,Webpack,Styles,想象一下这个tsx代码 const parallax: CSS.Properties = { height: '500px',/* fallback for older browsers */ height: '100vh', } 我想要一个重叠属性“高度”。但是网页包编译器提出了 TS2300: Duplicate identifier 'height'. 在typescript中有这样做的方法吗?这个问题似乎专门针对库,您应该在问题中提到这一点。对于回退,您必须使用类型属性回退。

想象一下这个tsx代码

const parallax: CSS.Properties = {
  height: '500px',/* fallback for older browsers */
  height: '100vh',
}
我想要一个重叠属性“高度”。但是网页包编译器提出了

TS2300: Duplicate identifier 'height'.

在typescript中有这样做的方法吗?

这个问题似乎专门针对库,您应该在问题中提到这一点。对于回退,您必须使用类型
属性回退
。文档中的示例:

import * as CSS from 'csstype';

const style: CSS.PropertiesFallback = {
  display: ['-webkit-flex', 'flex'],
  color: 'white',
};
您的代码应该如下所示:

const parallax: CSS.PropertiesFallback = {
  height: ['500px', '100vh']
}

有关详细信息,请仔细阅读。

好,这会引发另一个错误。类型“PropertiesFallback”不可分配给类型“CSSPProperties”。react中的style属性要求您使用CSSPProperties类型。@Vladimirkorotev您能在问题中添加一个更完整的文件示例吗?是否按照第一个代码段所示导入?视差上有更多的样式吗?在哪里以及如何使用这些样式?也许您的package.json也会感兴趣。