ReactJS-通过OnClick传递ID

Question

我想将 的'ID'和'Value'传递给函数，并使用它来运行一段代码。我无法通过这些要素。我已经尝试了类似问题中提到的几种解决方案，但未成功。

我最终将它们作为参数传递，并且一切正常。但是我知道，必须通过传递ID和Value来更好地做到这一点，而不必将其作为硬编码参数传递。

<button type="button" id="button1" name="testName" value="abc" onClick={()=>this.callFunction('button1', 'abc')}>Click Me !!</button>

callFunction(id,value) {
  console.log(id,value);
}

Answer 1

您可以使用事件目标new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.xpath("//mat-list-item[@class='menu-item mat-list-item ng-star-inserted' and @id='kisiler']//mat-label[@class='ng-star-inserted']"))).click(); ：

e.target

Answer 2

您可以使用update-alternatives --set php=path to your php ，选中handling events

event

或

<button type="button" id="button1" name="testName" value="abc" onClick={(event)=>this.callFunction(event)}>Click Me !!</button>

在<button type="button" id="button1" name="testName" value="abc" onClick={this.callFunction}>Click Me !!</button> 中，您可以调用read事件：

callFunction

Answer 3

如评论中所述

使用事件获取ID。将事件传递给处理函数，并使用event.target.id

获取ID值

<button type="button" id="button1" name="testName" value="abc" onClick={event => this.callFunction(event)}>Click Me !!</button>

callFunction = (event) => {
   console.log(event.target.id, event.target.value);
}