jsx标签上可以设置绝大部分和以前html标签一样的属性,如 checked、图片的src
除此之外,
html的class属性改为className
<div className
="redCls">大头大头
</div
>
html中label标签的for属性改为htmlFor
<label htmlFor
="inp">
点我点我
<input id
="inp" type
="text" />
</label
>
标签中的自定义属性使用data
<div data
-index
={'hello'} >自定义属性
</div
>
渲染 html字符串 使用 dangerouslySetInnerHTML 属性
<li dangerouslySetInnerHTML
={{__html
:"<i>打我呀</i>"}}></li
>
bool类型的值 可以这样用
<input type
="checkbox" checked
={true} />
当属性太多了,可以使用 …扩展运算符
const props
={
className
:"redCls",
"data-index":5
}
<div
{...props
}>展开属性
</div
>