Reactjs 材料界面和类型脚本：如何使用！重要吗？

我正在构建一个React应用程序，并为我的组件使用MaterialUI。我想知道我怎样才能给出一个

！重要信息

样式的属性

我试过这个：

<Paper className="left"...>

但这带来了一个错误：

[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

[ts]类型“left！important”不能分配给类型“right”|“none”|“left”|“-moz initial”|“inherit”|“initial”|“revert”|“unset”|“inline end”|“inline start”|未定义”。
index.d.ts（1266，3）：预期的类型来自属性“float”，该属性在类型“cssprroperties”上声明
（属性）StandardLonghandProperties.float？：“右”|“无”|“左”|-moz initial”|“继承”|“初始”|“还原”|“取消设置”|“内联结束”|“内联开始”|未定义

---

如何分配

！重要信息

将材质ui与TypeScript一起使用时的标志？

有几种方法可以对MUI组件进行过度设计。最简单和直接的方法是在组件本身上应用stlye。内联样式的权重比提供的css更具体。您可以这样使用它：

<Paper style={{display: 'block'}}...>

并在组件上提供一个类

<Paper className="left"...>

我真的建议在你实现它们之前，考虑一下你的风格的特殊性和要达到的目的，否则你会开始反对MUI风格，这会变得非常糟糕。

---

希望这有帮助，快乐编码；-）

你可以直接投下它。例如：

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

或

---

这是一个。

谢谢你的帮助！但我可能把我的问题写错了。我完全按照你描述的做了（用类名）。问题是带有float的行抛出了我的问题中的错误。这与TypeScript有关。我在我的问题中添加了这个信息好吧，我不知道你对风格有什么看法。在tsconfig中，我将ExperimentalDecorators设置为true，以使用类似这样的重新组合装饰器语法：

@（compose（使用样式（样式，{withTheme:true}））作为任何形式）

为了简单起见，您可能需要从类中删除float并将其放入样式标记中，但不需要重要：

<Paper className="left"...>

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

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

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