material-ui和TypeScript：如何使用！important？

Question

我正在构建一个React应用程序，并且正在使用material-ui作为我的组件。我想知道如何赋予!important样式一种属性？

我尝试了这个：

<Paper className="left"...>

我正在使用withStyles和WithStyles。然后在我的styles.ts：

left: {
  display: "block",
  float: "left!important",
},

但这会引发错误：

[ts] Type '"left!important"' is not assignable to type '"right" | "none" | "left" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "inline-end" | "inline-start" | undefined'.
index.d.ts(1266, 3): The expected type comes from property 'float' which is declared here on type 'CSSProperties'
(property) StandardLonghandProperties<TLength = string | 0>.float?: "right" | "none" | "left" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "inline-end" | "inline-start" | undefined

将!importantMaterial-ui与TypeScript一起使用时，如何分配标志？

Answer 1

您可以投放它。例如：

left: {
  display: "block",
  float: "left!important" as any,
},

要么

left: {
  display: "block",
  float: "left!important" as "left",
},

这是一个操场的例子。