React 繫結事件
阿新 • • 發佈:2018-12-15
繫結事件以駝峰命名法 {} 內些 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 )