1. 程式人生 > >React 繫結事件

React 繫結事件

繫結事件以駝峰命名法    {} 內些 this.函式key值  函式以key=value 形式寫在元件建立物件內

var Btn = React.createClass({
			fun:function(e){
				console.log(e);
				/*
				 * 獲取當前事件的觸發者,
				 * 
				 */
				//1,通過事件原物件
				console.log(e.target);
				//2,通過 React 提供的refs 查詢元素
				console.log(this.refs.btn1);
				//通過 refs 查詢 其他元素
				console.log(this.refs.p1)
			},
			render:function(){
				return <div>
					<button ref ="btn1" onClick={this.fun}>點選</button>
					<p ref ="p1">P</p>
				</div>
			}
		})
		ReactDOM.render(
			<Btn/>,
			box
		)