React 我现在有⼀个button，要⽤react在上⾯绑定点击事件，要怎么做？

问题

React 我现在有⼀个button，要⽤react在上⾯绑定点击事件，要怎么做？

答案

class Demo {
    render() {
        return <button onClick={(e) => {
            alert('我点击了按钮')
        }}>
        按钮
        </button>
    }
}

你觉得你这样设置点击事件会有什么问题吗？

由于 onClick 使⽤的是匿名函数，所有每次重渲染的时候，会把该onClick 当做⼀个新的 prop 来处理，会将内部缓存的 onClick 事件进⾏重新赋值，所以相对直接使⽤函数来说，可能有⼀点的性能下降

修改

class Demo {
    onClick = (e) => {
        alert('我点击了按钮')
    }
    render() {
        return <button onClick={this.onClick}>
        按钮
        </button>
    }
}

更多面试题

如果你想了解更多的前端面试题，可以查看本站的WEB前端面试题 ,这里基本包涵了市场上的所有前端方面的面试题，也有一些大公司的面试图，可以让你面试更加顺利。

这些题库还在更新中，如果你有不错的面试题库欢迎分享给我，我整理后放上来；人人为我，我为人人，互帮互助，共同提高，祝大家都拿到心仪的Offer！