个人 尚硅谷React全家桶学习笔记(十一)
27.字符串形式的ref
作用类似ID
class Demo extends React.Component{
showData=()=>{
const{input1}=this.refs
alert(input1.value)
}
render(){
return(
<div>
<input ref='input1' type='text' placeholder='点击按钮'/>
<button onClick={this.showData}>点我提示</button>
</div>
)
}
}
ReactDOM.render(<Demo/>,document.getElementById('test1'))
注意 给标签添加时为ref 使用时为refs
28.回调形式的ref
注意 字符串形式的ref可能后续版本会废弃掉,因为有缺陷 效率低。
class Demo extends React.Component{
showData=()=>{
const{input1}=this
alert(input1.value)
}
render(){
return(
<div>
<input ref={c => this.input1=c} type='text' placeholder='点击按钮'/>
<