JSX语法中的标签属性注意事项

为了符合 DOM API 规范
1、所有的属性都是驼峰命名的；
2、class 属性 改为 className；
3、for 属性 改为 htmlFor；
4、colspan 属性 改为 colSpan；

import classes form './myCss.css'
{/*JSX 中的注释方式*/}
 
{/*style属性必须使用 {{}} */}
<div style={{width: 20px; height=30px}}>
    { props.text }
</div>
 
{/*html class属性*/}
<div className="myClass"></div>
 
{/*html input标签,JSX中所有的标签都必须有闭标签*/}
<input type="text" />
 
{/*html label标签 */}
<label htmlFor="name" class="mayName"></label>
 
{/*调用.css 文件中的css属性,mycss 为css文件中的类*/}
<div className={classes['mycss']}></div>