React 16中的class vs className

React 16中的class vs className

class

是javascript中的关键字，而JSX是javascript的扩展。这就是React使用

className

而不是的主要原因

class

。

在这方面没有任何改变。

将其扩展更多。一个 关键字 意味着一个令牌有一个语言的语法具有特殊意义。例如：

class MyClass extends React.Class {

令牌

class

表示下一个令牌是标识符，其后是类声明。请参阅Javascript关键字+保留字。

令牌是关键字这一事实意味着我们不能在某些表达式中使用它，例如

// invalid in older versions on Javascript, valid in modern javascriptconst props = {  class: 'css class'}// valid in all versions of Javascriptconst props = { 'class': 'css class'};// invalid!var class = 'css';// validvar clazz = 'css';// invalid!props.class = 'css';// validprops['class'] = 'css';

问题之一是没人能知道将来是否还会出现其他问题。每种编程语言仍在发展，并且

class

可以在某些新的冲突语法中实际使用。

没有这样的问题

className

。