Day05 补充笔记1

在 React 中使用的语法 JSX有一些使用规则：

• 当我们将网页切割成数个Component时，定义的 Component 必须由以大写字母开头来命名 Component。

• 在 JSX 中，所有的<Tag>标签都必需使用相对应的结束标签 (<MyComponent></MyComponent>)或是Self-Closing Tag自闭标签(<MyComponent />) ，否则会在编译时会出现错误。

• 在 JSX 中 class 和 for 由於是 JavaScript 保留关键字用法，因此在 JSX 中使用 className 和 htmlFor 替代。所以需用 camelCase 来命名属性而不是使用惯有的 HTML 属性名称。举例来说：在 JSX 之中，class 变成了 className 而 tabindex 变成了 tabIndex。

所谓camelCase 命名即为驼峰式命名

驼峰式(Camel Case)命名方式，又可以分为

大驼峰(upper camel case)： 第一个单字的首字母大写，其余单字首字母小写。

小驼峰(lower camel case)： 第一个单字的首字母小写，其余单字首字母大写，JSX中使用的为小驼峰命名，如： className、 tabIndex