[JavaScript知识库]react笔记 8-19 事件对象、获取dom元素、双向绑定

1、事件对象event

通过事件的event对象获取它的dom元素

run=(event)=>{
        event.target.style="background:yellowgreen" //event的父级为他本身
        event.target.getAttribute("aid")            //这样便获取到了它的自定义属性aid
    }
    render() {
        return (
            <div>
                <h2>{this.state.msg}</h2>
                <br/>
                <button aid='123' onClick={this.run}>事件对象</button>
            </div>
        )
    }

2、表单事件、获取input的值

    constructor(props) {
        super(props)
        this.state = {
           msg:'我是一个home组件'
        }
    }
    inputChange=(event)=>{
        this.setState({
            msg:event.target.value     //通过事件对象的value获取值
        })
    }
    render() {
        return (
            <div>
                <h2>{this.state.msg}</h2>
                <br/>
                <input type="text" name="" onChange={this.inputChange}></input>
            </div>
        )
    }