jsx特有的属性

* key

* ref

* dangerouslySetInnerHTML


键(key)

key 是一个可选唯一标识符,他可以帮助react更加智能的决定是否应该重用一个组件,提升渲染性能

引用(ref)

ref允许父组件在render方法之外保持对子组件的引用。

...

render(){

   return <div>

       <input ref="myInput" />

<div>

}

...

可以通过this.refs.myInput获取这个引用,(获取到的是DOM的一个描述对象)。可以使用this.refs.getDOMNode()访问真是的DOM

设置原始的HTML

dangerouslySetInnerHTML--这个属性需要把字符串设置到一个逐渐为html__的对象里如果可以避免使用的话,就不要使用它

...

render(){

let htmlString = {

__html:"<span> an html String </span>

};

return <div dangerslySetINnertml={htmlString}> </div>

}

...

注意:这个属性可能将来会被修改

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • It's a common pattern in React to wrap a component in an ...
    jplyue阅读 3,319评论 0 2
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,246评论 19 139
  • react 基本概念解析 react 的组件声明周期 react 高阶组件,context, redux 等高级...
    南航阅读 1,097评论 0 1
  • 3. JSX JSX是对JavaScript语言的一个扩展语法, 用于生产React“元素”,建议在描述UI的时候...
    pixels阅读 2,924评论 0 24
  • 一晃还有五天就进入了2018年喽 但,还好还好,还有五天 认真的 好好的享用 每一分每一秒 让种植在❤️里的那一根...
    王其叶阅读 68评论 0 1