个人 尚硅谷React全家桶学习笔记(11)

个人 尚硅谷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='点击按钮'/>
		<