ref在componentDid中为undefined

ref在componentDidMount中为undefined问题

大致的问题如下：



通过回调函数的形式使用ref对input结点进行操作时，没有达到预期的获得结点值的效果，在this中可以看到我们定义的ref的newInput，但是访问this.newInput时却返回undefined
出现这种问题的原因在于react中的dom渲染可能需要一点点时间 所以只需要在componentDidMount中使用setTimeout()就可以解决


可以看到此时就可以通过ref去获得想要操作的dom结点 并对其进行相应的操作。
总结一下，要注意对react渲染机制的学习总结，这样遇到此问题就迎刃而解了。如果对您有帮助欢迎点赞关注，一起学习进步。