bundle.js:57524 Warning: Invalid DOM property `class`. Did you mean `className`?

当您看到`bundle.js:57524`警告信息说`Invalid DOM property class. Did you mean className?`，这是因为在JavaScript中，DOM元素的`classList`属性才是标准的用于管理CSS类名的方式，而不是传统的`class`属性。`class`属性实际上是表示HTML元素的内联样式里的类名。

浏览器为了向开发者提供更好的提示，会发出这个警告，因为有些老版本的JavaScript代码可能会误用`class`作为DOM属性，而实际上应该是`className`。正确的做法是在更新代码时使用`classList`方法，如下所示：

// 错误示例：
const element = document.getElementById('myElement');
element.class = 'newClass';

// 更正示例：
const element = document.getElementById('myElement');
element.classList.add('newClass'); // 使用classList.add()方法添加类名
element.classList.remove('oldClass'); // 使用classList.remove()方法移除类名
element.classList.toggle('toggleClass'); // 使用classList.toggle()方法切换类名