react学习之旅九：ref属性

ref允许直接访问DOM元素或组件实例。

<input
    id="serve"
    className="input"
    value={this.state.inputValue}
    onChange={this.inputChange.bind(this)}
    ref={(input)=>{this.input=input}}
/>

使用ref后将this.input与input进行了绑定，inputChange函数不需要接收参数后通过e.target.value获得input的值，直接通过this.input就可以获取：

inputChange() {
    this.setState({
        inputValue: this.input.value
    })
}