WEBPACK+ES6+REACT入门(5/7)-在React中为按钮绑定点击事件

最新推荐文章于 2023-07-27 13:35:07 发布

isCYoung

最新推荐文章于 2023-07-27 13:35:07 发布

阅读量368

点赞数 2

文章标签： react

本文链接：https://blog.csdn.net/qq_37104316/article/details/111194164

版权

本文介绍了在React中如何为按钮元素绑定点击事件，包括创建bindEvent.jsx组件，理解React的事件命名和事件处理函数的绑定方式，推荐使用的方式是通过箭头函数进行事件处理。

摘要由CSDN通过智能技术生成

步骤

1、在components下新建bindEvent.jsx文件，添加如下代码：

import React from 'react'
import {
    render } from 'react-dom'
export default class BindEvent extends React.Component{
   
    constructor(){
   
        super()
        this.state = {
   }
    }
    render(){
   
        return <div>
            BindEvent组件
            <hr/>
            <button>按钮</button>
        </div>
    }
}

2、对应的index.js：

//1、引入react和react-dom。接受的成员名称，必须这么写
import React from 'react' //创建组件、虚拟dom元素、生命周期
import ReactDOM from 'react-dom'//把创建好的组件和虚拟dom放到页面展示
//引入bindevent
i