您的位置:首页 > Web前端 > JavaScript

JSX,Html语法需注意的部分

2016-07-16 17:05 369 查看
在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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  JSX html