在react中阻止冒泡:
	ev.nativeEvent.stopImmediatePropagation();

--------------------------------------------------------
点击按钮div显示隐藏


--------------------------------------------------------
获取某个元素
	1. 跟原生js一样，直接通过 querySelector
	2. <div ref="div1"></div>
		获取:  this.refs.div1
	3. ev.target	当前操作元素本身

--------------------------------------------------------
输入框同步文字:

	原生js:  onchange	当失去焦点的时候触发

	oinput	实时触发

	到了react中，注意： onChange，相当于 oninput

--------------------------------------------------------
拖拽:

========================================
事件:
	和HTML身上添加事件，类似，区别:

	1. React事件，采用驼峰命名发
	2. 采用jsx语法， 函数不能放到字符串中，得放 {}

	<div onClick="show"></div>
	<div onClick={this.show}></div>


最早倡导: 行为、结构、表现相分离
	oDiv.addEventListener('click',xxx,false)

现在: 增加内聚，很多东西放到在一起，容易管理，还可以避免全局污染


		事件				阻止默认行为		阻止冒泡
传统HTML:    <input onclick="show" />		return false		ev.cancelBubble=true;
React中:        <input onClick={show} />		ev.preventDefault	ev.nativeEvent.stopImmediatePropagation()


矫正React中事件this:
	a). onClick={this.handleClick1.bind(this)}
	b). 在构造函数里解决
		this.handleClick2 = this.handleClick2.bind(this);
	c). onClick={()=>this.handleClick3()}
	d). onClick={this.handleClick4}
		定义: 用箭头函数定义

		handleClick4 = () =>{
			this.setState({
			    msg:Date.now()
			})
		}
-----------------------------------------------

<script type="text/babel">
    class Demo extends React.Component{
        constructor(){
            super();

            this.state={
                msg:'aaa'
            };

            this.handleClick2 = this.handleClick2.bind(this);
        }
        handleClick1(){
            this.setState({
                msg:Date.now()
            })
        }
        handleClick2(){
            this.setState({
                msg:Date.now()
            })
        }
        handleClick3(){
            this.setState({
                msg:Date.now()
            })
        }
        handleClick4 = () =>{
            this.setState({
                msg:Date.now()
            })
        }
        render(){
            return (<div>
                <button onClick={this.handleClick1.bind(this)}>按钮1</button>
                <button onClick={this.handleClick2}>按钮2</button>
                <button onClick={()=>this.handleClick3()}>按钮3</button>
                <button onClick={this.handleClick4}>按钮4</button>

                <div>{this.state.msg}</div>
            </div>)
        }
    }

    ReactDOM.render(
        <Demo />,
        document.querySelector('#root')
    )
</script>