在 css 继承方面，class 和 className 有什么区别？

Question

我正在探索react js中的css继承。我传递了同一个对象，但使用 class 和 className 得到了两个不同的结果。

这是代码： https: //codesandbox.io/s/olk4xm60v6（demo.js）

Answer 1

在ReactJs中，您编写的是JSX而不是HTML，因此您必须遵循 jsx 代码的规则

在jsx中，如果你想给某些标签赋予类，你需要使用className而不是类

Answer 2

要指定 CSS 类，请使用 className 属性。这适用于所有常规 DOM 和 SVG 元素，例如<div>、<a>等。

如果您将 React 与 Web 组件一起使用（这并不常见），请改用 class 属性。