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

来源:互联网 发布:java马士兵视频尚学堂 编辑:程序博客网 时间:2024/05/16 17:42

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>
0 0
原创粉丝点击