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")
    )