React.createRef()的使用

最新的react废弃了this.refs,ref引用的写法有了改变。
使用React.createRef()后,通过ref的current属性将能得到dom节点或组件的实例

class MyComponent extends React.Component {
  constructor(props) {
   super(props);
   this.bodyBox = React.createRef();
}
 getDom () {
  const bodyBoxDom = this.bodyBox && this.bodyBox.current
  Console.log (bodyBoxDom)
}
 render() {
   return <div ref={this.bodyBox}  onClick={this.getDom}/>
 }
}

你可能感兴趣的:(React.createRef()的使用)