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

这似乎是一个YouTube问题,因为如果我在iframe中使用其他网址而不是:https://www.youtube.com/embed/ZJD1zoAaCmo ,例如:https: //www.dailymotion.com/embed/video/xwr14q

我不会再有错误了

如果您有任何想法,那将非常感激

谢谢提前!

Answer 1

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

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

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

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