关于CSS继承，class和className有什么区别？

Question

I am exploring the css inheritance in react js. I pass in the same object but I got two different results between using class and className.

Here is the code: https://codesandbox.io/s/olk4xm60v6 (demo.js)

Answer 1

To specify a CSS class, use the className attribute. This applies to all regular DOM and SVG elements like <div> , <a> , and others.

If you use React with Web Components (which is uncommon), use the class attribute instead.

read doc

Styling and CSS

Answer 2

In ReactJs you are writing JSX not HTML so you must follow the rules of jsx code

in jsx if you want to give class to certain tag you need to use className instead of class