react為按鈕繫結點選事件和修改屬性值
阿新 • • 發佈:2018-12-13
注意點:1、事件名稱由react提供,所以事件名首字母大寫。比如onClick,onMouseOver。
2、為事件提供的處理函式,格式必須是onClick={function},沒有小括號。
3、繫結事件的格式寫法為:
<button onClick={()=>this.show('傳的引數1','傳的引數2')}>按鈕</button>
show=(arg1,arg2)=>{
console.log('方法傳的引數為'+arg1+arg2)
}
import React,{component} from 'react'; class test extends component{ constructor(){ super()//msg是例項屬性 this.state={ msg:"哈哈", } } render(){ return <div> <button onClick={()=>this.show('1','2')}>按鈕</button> <h3>{this.state.msg}</h3> </div> } show=(arg1,arg2)=>{ // console.log('show方法已經被呼叫'+arg1+arg2)this.setState({ msg:"重新賦值!必須使用setState這個方法。" }) } }