react 获取ref的回调方式

作者: MJ 分类: react 发布时间: 2018-11-08 16:25

react 获取ref的回调方式

父级

import React, { Component } from 'react';
import Children from './Children';

class Father extends Component {
  constructor(props){
    super(props);
    // this.myRef = React.createRef();
    this.myRef = null
  }
  componentDidMount(){
    console.log(this.myRef);
  }
  render() {
    return (
      <Children refS={(el)=>{this.myRef = el}}></Children>
    );
  }
}

export default Father;

子级

import React, { Component } from 'react';
class Children extends Component{
    render(){
        return (
            <input type={'text'} ref={this.props.refS} />
        )
    }
}
export default Children;

 

欢迎关注小程序,感谢您的支持!

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注