按钮显示正确，但似乎已被禁用

Question

我正在构建一个React Web应用程序，并且有一个非常简单的组件。 render()看起来像这样：

<div>
    <button onClick={this.onClick}>
        button
    </button>
    <Trial />
</div>

我在控制台中收到这些错误消息，环顾四周以寻求解释，但一直找不到。

[Error] Button failed to load, iconName = airplay-placard, layoutTraits = 1, src = data:image/png;base64,
    handleEvent (Anonymous Script 1 (line 2011))
[Error] Button failed to load, iconName = pip-placard, layoutTraits = 1, src = data:image/png;base64,
    handleEvent (Anonymous Script 1 (line 2011))
[Error] Button failed to load, iconName = invalid-placard, layoutTraits = 1, src = data:image/png;base64,
    handleEvent (Anonymous Script 1 (line 2011))

当我拿走<Trial />组件时，该按钮起作用了，但是我仍然收到错误消息。当我查看DOM时，button元素看起来像预期的那样。该按钮显示正常，但表现为已禁用，但是我没有在代码中的任何地方包含disabled。在onClick函数中，我有一个console.log，但是当我单击该按钮时，什么也没打印。