react-ref

作者: mengxr | 来源:发表于2017-07-31 17:15 被阅读82次
  • ref:react对真实dom的引用
  • ref在reactElement上
<div ref={(ref) => { this.div = ref; }}>
console.log(this.button)
> 真实的DOM
  • ref在react组件上
<Button
    ref={(ref) => { this.button = ref; }}
    key={this.state.list}
    size='long'
    btnType='primary'
    isRadius={false}
    >{this.state.list}</Button>
console.log(this.button)
> Button {props: Object, context: Object, refs: Object, updater: Object, _reactInternalInstance: ReactCompositeComponentWrapper…}
//拿到的不是真实dom而是组件实例
//需要用ReactDom.findDOMNode来拿到真实DOM
ReactDom.findDOMNode(this.button)

相关文章

  • react-ref

    ref:react对真实dom的引用 ref在reactElement上 ref在react组件上

  • React-ref属性使用

    React为我们提供的这个ref属性,可以打破React对虚拟DOM 的限制;对元素真正实例的引用,也就是渲染视图...

网友评论

      本文标题:react-ref

      本文链接:https://www.haomeiwen.com/subject/xnurlxtx.html