1. 程式人生 > >react為按鈕繫結點選事件和修改屬性值

react為按鈕繫結點選事件和修改屬性值

注意點: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這個方法。" }) } }