记一笔之：react 在 componentDidMount 中

作者: 文艺的小唐 | 来源:发表于2017-06-17 14:45 被阅读0次

今天遇到一个诡异的情况，有一个表单验证的问题，使用了 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

就这样能正常获取到

记一笔之：react 在 componentDidMount 中
今天遇到一个诡异的情况，有一个表单验证的问题，使用了 ref 获取 input 的引用：然后在 componen...
ES6 变量解构 - Invalid attempt to de
需求描述在使用 React 的过程中，parent container 在 componentDidMount ...
react根据路由动态修改页面title
1、在react的container组件中componentDidMount生命周期中document.title...
第 002 期聚集零散业务代码的解决方案 - React Ho
在 React 的 Class 组件中，常出现相关业务逻辑代码散在 componentDidMount, comp...
对比Vue学习react生命周期
1.Vue中mounted等于React中的componentDidMount,另外beforeMounted相当...
React Native 入门（三）：
componentDidMount（）方法 componentDidMount是React组件的一个生命周期方法，...
React入门教程（9）Ajax与React的上下文
ajax请求 react的组件中，一般我们在 componentDidMount事件中做ajax请求，并获得数据后...
React 的几个语法
componentDidMount() Vue与React的异同—生命周期（一）之所以react推荐在compo...
react中点击当前组件以外的地方（或者点击空白区域），当前组
react中点击当前组件以外的地方，当前组件隐藏的实现方案：方案一： componentDidMount(){...
ReactJS_11 React AJAX
React 组件的数据可以通过 componentDidMount 方法中的 Ajax 来获取，当从服务端获取数据...