JSX語法中的標籤屬性注意事項

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>