React学习4.事件绑定ref传值、键盘监听

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;