首页 > 如何从外部获取React input组件的value

如何从外部获取React input组件的value

我写了一个input的组件,input不能输入,百度知道是因为react对一部分组件有约束性,然后我就解决方法写了一个change方法来管理输入框变化,确实有效了

var List = React.createClass({
    change:function(e){
        this.setState({value: e.target.value});
    },
    render:function(){
         <input type="text" className="input"
              onChange={this.change}
              value={this.state.value}
              dataa={this.state.value}
         />
    }    

但是在页面上document.getElementByClassName('input')拿不到dataa的值,如何将隐藏的东西也拿到?


兄弟,在学习一门新库或者框架的时候,多看看官方文档.看完文档后,多实践下,你会发现你的问题很多都不是问题.比如你这个.谁说react的input不能输入?官方文档说了,你要么不写value属性.要么用defaultValue代替默认值.
还有react是在内存中虚拟了dom的,你用document去操作浏览器中的dom不是好的方法.
还有文档中也说了,由于是在内存中虚拟的dom节点.所以react会自动过滤一些属性.比如你写的dataa这个属性.是不会渲染到浏览器中的.自然也就拿不到.


document.getElementsByClassName('input')少写了个s?
另外用getAttribute可以获取这样的属性。

【热门文章】
【热门文章】