React中JSX标签属性

    技术2022-07-12  70

    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>
    Processed: 0.013, SQL: 9