时间戳

首页 > 解决方案 > 使用 React Js 的事件

reactjs - 使用 React Js 的事件

问题描述

<body>
  <button id="btnId">Click Me!</button>
</body>
我在上面有这个html代码，我想使用react js在ID为“btnId”的按钮上添加一个点击事件......我将如何在不更新该按钮的情况下做到这一点......

标签： reactjs

解决方案

您可以通过 2 种方式绑定事件

1. https://stackoverflow.com/a/51474887/4270123

2.这里是例子

class Button extends React.Component {

 handleClick(e) {
   e.preventDefault();
   console.log(e.target.id);
   alert("#" + e.target.id + " is clicked"); 
 }

 render() {
   return (
     <button onClick={ (e) => this.handleClick(e) } id="btnId">
       Click Me!
     </button>
   );    
  }
}

推荐阅读