JSX,Html语法需注意的部分

来源:互联网 发布:成都生活家装饰 知乎 编辑:程序博客网 时间:2024/05/16 05:02

在JSX中设置style属性与其它的属性不同,
在JSX中我们通常是通过 {} 的方式插入值,但是设置style属性需要{{ }} ,否则系统会报错。

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