React——jsx语法踩坑

React——jsx语法踩坑

1.jsx代码注释问题

之前在JS中注释一般是

//<button>点击</button>
/* <button>点击</button> */

但是在JSX中这种写法是错误的，JSX的写法如下

{
   /* <button>点击</button> */}

也可以用快捷键 Ctrl + ?，就会自动生成注释

2.class

在JS中，类选择器一般用 class 表示，但是在jsx中没有class,把它替换成了className

<button className="clickme">