怎么进行React事件绑定
本篇文章给大家分享的是有关怎么进行React事件绑定,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。
类组件事件绑定
import React from 'react'; import ReactDOM from 'react-dom'; class App extends React.Component { handleClick() { console.log(111); } render() { return (<button onClick={this.handleClick} > 点我</button >) } } ReactDOM.render(<App />, document.getElementById('root'))
函数组件事件绑定
import React from 'react'; import ReactDOM from 'react-dom'; function App() { function handleClick() { console.log(111); } // 函数组件内没有this,所以直接写函数名,不需要加 this. return (<button onClick={handleClick}>点我</button>) } ReactDOM.render(<App />, document.getElementById('root'))
以上就是怎么进行React事件绑定,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注行业资讯频道。