javascript - 在非对象上调用 React iframe youtube : Object. defineProperty

Question

我制作了一个组件，用于在我的 React 应用程序中嵌入 YouTube 视频，效果很好。

为此，我使用了 iframe。

 <div className="embed-responsive embed-responsive-16by9">
            <iframe className="embed-responsive-item" src={`${BASE_URL}${videoId}`}/>
 </div>

但即使它有效，我也不知道为什么但我得到了这个错误。

sw.js:5 Uncaught TypeError: Object.defineProperty called on non-object

这似乎是一个 youtube 问题，因为如果我在 iframe 中使用另一个 URL比:https://www.youtube.com/embed/ZJD1zoAaCmo例如:https://www.dailymotion.com/embed/video/xwr14q

我不会再有错误了

如果您有任何想法，我们将不胜感激

提前致谢!

Answer 1

您应该在 html 中使用 class 而不是 className。

是的，你在js代码中确实将它们称为className，但在html中保留字是class。

Javascript 无法在所有情况下识别类名，因此会出现错误。

编辑:实际上，className 用于 React，class 用于普通 html。此代码使用 Bootstrap 的功能，并使用 html 标记。