typecipt CSS.Properties重叠属性

Question

想象一下这个tsx代码。

const parallax: CSS.Properties = {
  height: '500px',/* fallback for older browsers */
  height: '100vh',
}

我想要一个重叠的属性“ height”。但是webpack编译器会引发

TS2300: Duplicate identifier 'height'.

有没有办法在打字稿中做到这一点？

Answer 1

这个问题似乎专门针对CSStype库，您应该在问题中提及。对于后备，您必须使用类型PropertiesFallback。来自文档的示例：

import * as CSS from 'csstype';

const style: CSS.PropertiesFallback = {
  display: ['-webkit-flex', 'flex'],
  color: 'white',
};

您的代码应如下所示：

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

有关更多信息，请仔细阅读docs。