jsx

1、jsx应用于React DOM
2、因为jsx的特性更接近JavaScript而不是HTML，所以React DOM使用cameCase(小驼峰)命名来定义属性的名称，而不是使用HTML的属性名称。例如：class变成了className，而tabindex则对应着tableIndex
3、React DOM在渲染之前默认会过滤所有传入的值。它可以确保应用不会被注入攻击。所有的内容在渲染之前都被转换成了字符串。这样可以有效地防止XSS（跨站脚本攻击）。
4、Babel转译器会把JSX转换成一个名为React.createElement()的方法调用。

特点：
1）高内聚，低耦合
2）onClick不是原生dom中的onclick事件，这里的onClick是通过react的事件委托方法，触发挂在顶层dom节点的事件处理函数（提高了性能）
3）可以将样式写在组件文件内，
建议使用 import styles from ‘./index.scss’;
注意：组件和普通标签的区别，组件必须以大写字母开始