奇怪的“TypeError：对象不是函数”错误

Question

我正在尝试使用Styled Components创建一个mixin，我后来用它来设置多个组件的样式。但是，我在运行时收到此错误：

没有编译或lint错误。我正在使用：

• 打字稿：2.8.3
• react-scripts-ts：2.15.1
• styled-components：3.2.6
• React：16.3.0

造成这种情况的原因是什么？

Answer 1

我遇到了一些错误，但是由于我进行了升级，因此对^ 16.8.3做出了反应，并将样式化组件降级为4.0.3-一切正常。

似乎升级了React足以解决）

修复“奇怪错误”，降级“损坏的”库并升级系统库的常用方法。

Answer 2

尝试使用以下内容：

const BaseRules = {
  fontSize: '14px',
  ...etc
}

请注意，您必须使用JSON，格式更改不是“font-size”而是“fontSize”。所有“marginTop”等同样适用。

您只需在组件中调用BaseRules即可。 例如：<div style={BaseRules}/>