记一笔之:react 在 componentDidMount 中获取 ref 为null的问题

今天遇到一个诡异的情况,有一个表单验证的问题,使用了 ref 获取 input 的引用:

this.myInputRefs = {}     // 初始化refs,节点如下
<MyInput ref = {el => this.myInputRefs.usernameRef = el} />

然后在 componentDidMount 中获取:

componentDidMount() {
    console.log(this.myInputRefs)    
}

以上打印出来,结果居然是:{usernameRef: null} !
暂时没有去深究原因,于是换了一种写法就搞定了:

<MyInput ref='usernameRef' />

然后:

this.myInputRefs.usernameRef = this.refs.usernameRef

就这样能正常获取到

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

推荐阅读更多精彩内容