import React, { Component } from 'react';
import '../assets/test.less'
class News extends Component {
constructor(props) {
super(props);
this.state = {
username: ''
}
}
inputChange = () => {
let val = this.refs.username.value;
console.log(val)
this.setState({
username: val
})
}
getInput = () => {
alert(this.state.username)
}
inputKeyUp = (e) => {
// 回车时显示输入
if (e.keyCode == 13) {
alert(e.target.value)
}
}
render() {
return <div>
{/* ref监听 */}
<input ref="username" onChange={this.inputChange} /><button onClick={this.getInput}>点击确认</button>
<br />
<br />
<br />
<h2>键盘事件</h2>
<input onKeyUp={this.inputKeyUp} />
</div>
}
}
export default News;
React学习4.事件绑定ref传值、键盘监听
最新推荐文章于 2024-08-17 21:17:28 发布