React onClick - 使用参数传递事件

javascript dom-events reactjs events

2022-08-30 02:37:00

无参数

function clickMe(e){
  //e is the event
}

<button onClick={this.clickMe}></button>

function clickMe(parameter){
  //how to get the "e" ?
}
<button onClick={() => this.clickMe(someparameter)}></button>

我想得到 .我怎样才能得到它？event

答案 1

试试这个：

<button 
   onClick={(e) => {
      this.clickMe(e, someParameter);
   }}
>
Click Me!
</button>

在您的函数中：

function clickMe(event, someParameter){
     //do with event
}

答案 2

使用ES6，您可以以更短的方式执行以下操作：

const clickMe = (parameter) => (event) => {
    // Do something
}

并使用它：

<button onClick={clickMe(someParameter)} />

推荐