React中refs的使用

var  MyComponent=React.createClass({
       handleClick:function(){
           //通过ref获取input中的内容
            console.log(this.refs.MyInput); //这个打印的是DOM元素
            console.log(this.refs.MyInput.value); //这个打印的是input的Value
       },
       render:function () {
            return <div>   //通过元素绑定ref来找到指定元素
                <input type="text" ref="MyInput" placeholder="请输入"/>
                <br/>
                <input onClick={this.handleClick} type="button" value="点我"/>
            </div>
        }
    })

    ReactDOM.render(
        <MyComponent></MyComponent>,
        document.getElementById("container")
    )

在这里插入图片描述
在这里插入图片描述

发布了56 篇原创文章 · 获赞 8 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/qq_44361433/article/details/89500311