import React, { Component } from "react";
import Person from "./Person.js";
class App extends Component {
clickHandler = (event) => {
event.preventDefault();
const data = event.target.value;
console.log(data);
};
url =
"https://th.bing.com/th/id/OIP.eBSw-Azi3SfBlttoGOip1gHaEr?w=297&h=187&c=7&r=0&o=5&dpr=1.3&pid=1.7";
render() {
return (
<div className="App">
<div onClick={this.clickHandler}>Test1</div>
<Person clickHandler={this.clickHandler}>Test2</Person>
<button type="button" value="Dog" onClick={this.clickHandler}>
<img src={this.url} alt="Funny Dog" />
</button>
</div>
);
}
}
export default App;
如您所見，我已經定義了按鈕的值，當我點擊它時，控制臺應該顯示“Dog”。為什么顯示“未定義”？
uj5u.com熱心網友回復：
const data = event.currentTarget.value;
使用 currentTarget 而不是目標。target 和 eventTarget 之間的區別在于 eventTarget 給出附加事件監聽器的元素，而 target 給出用戶點擊的元素。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/536703.html
標籤：反应按钮点击事件处理
上一篇：為什么當我要使用seState()函式時它的顯示溢位？
下一篇：基于全計數的按鈕去抖動電路：