react-ref

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

推荐阅读更多精彩内容

  • It's a common pattern in React to wrap a component in an ...
    jplyue阅读 3,310评论 0 2
  • 深入JSX date:20170412笔记原文其实JSX是React.createElement(componen...
    gaoer1938阅读 8,106评论 2 35
  • 自己最近的项目是基于react的,于是读了一遍react的文档,做了一些记录(除了REFERENCE部分还没开始读...
    潘逸飞阅读 3,487评论 1 10
  • 原教程内容详见精益 React 学习指南,这只是我在学习过程中的一些阅读笔记,个人觉得该教程讲解深入浅出,比目前大...
    leonaxiong阅读 2,860评论 1 18
  • 多少阴差阳错,多少机缘巧合,一个生命才能来到这个悲欢交加的尘世。 我敬畏生命,走过无数荆棘,流干千滴眼泪,怒吼现实...
    南方有安人阅读 693评论 0 1