Reactjs 使用React Js的事件

点击我！

---

下面的代码可能会给你一个想法

class Button  extends React.Component {

 constructor(props) {
    super(props);
    this.handleChange = this.handleClick.bind(this);
 }

 handleClick(e) {
   e.preventDefault();
   alert("I am clicked"); 
 }

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

---

可以通过两种方式绑定事件

一,

二,。这是一个例子

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>
   );    
  }
}

---

你能详细说明一下吗？动态是什么意思？使用类ex.class Sample extends React.Component{render{returnClick}请编辑您的问题并向其添加更多详细信息，而不是对您自己的问题发表评论。Thanks@KreeshianAlvirGutierrez您可以使用addEventListener，就像componentDidMount中的香草javascript一样。@Chris我知道了，谢谢您的回答，我以为componentDidMount用于进行api调用。