javascript - react中使用React-bootstrap表单元素控件,如何获取其内部的值
巴扎黑
巴扎黑 2017-04-11 12:48:28
0
1
655

想使用react-bootstrap里的ui控件,我发现自己手写的input可以通过this.refs.[name]获取虚拟DOM,然后this.refs.input.value获取一个input的输入值

可是使用了boots的<FormControl />组件,我发现react的结构实际是

在上面绑定ref没有效果,因为这个ui控件生成input在FormControl里面,使用ref绑定在FormControl上是获取不到里面input的输入值

我知道this.refs.[name]是获取当前render组件下的子组件的虚拟DOM, 我手写的input是子组件,但是boots生成的input在这里算是孙组件吗?我个人觉得可能是因为这个原因.

所以我又试着用React.findDOMNODE(this.refs.input1)试着获取真实DOM,然后在取它的子组件的value,可是控制台打印null.也获取不到值

新人学习中,求助各位前辈指点迷津

巴扎黑
巴扎黑

reply all(1)
小葫芦

所以react-bootstrap提供了一个inputRef的参数

https://react-bootstrap.githu...

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template