无法在“ CSSStyleDeclaration”上设置索引属性：不支持索引属性设置器

Question

当chrome版本更新为74（最新版本）时，我的react项目中出现上述错误。

Answer 1

此处描述了此问题的根本原因。本质上，当您将style某些元素的属性作为stringor传递时，就会发生这种情况array。喜欢style="string"或style={[array]}。这似乎无关紧要（我不认为有人故意尝试发送string或Array发送style财产），但在我的情况下，这是根本原因。

要查找错误，我建议您使用 Chrome 或其他浏览器中的调试器仔细调查您的代码。

以下是我的错误示​​例

我错误地使用扩展运算符设置styles.radioButton（用作style某些元素的属性值）...spacing.xxSmall，但spacing.xxSmall它只是一个字符串并扩展到以字符作为数组成员的数组。以前索引为 (0, 1, 2, ...) 的属性style已被忽略，但现在站点已被粉碎。

Answer 2

我使用Angular库，其中一些库现在不支持内联样式（对我来说，它是ngx-avatar，在Firefox和chrome上不起作用：74）

之前：

<ngx-avatar style="border-radius="50%"></ngx-avatar>

后：

<ngx-avatar [style.border-radius]="'50%'"></ngx-avatar>

我认为您可以为React尝试相同的方法。