日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后，達者為師

網站首頁 編程語言 正文

React事件綁定詳解_React

作者：Fx_cap ? 更新時間： 2022-02-21 編程語言
  • React事件綁定和原生DOM事件綁定相似
  • 語法:on+事件名={事件處理程序} 例如:onClick={()=>{}}
  • 注意: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'))

總結

原文鏈接：https://blog.csdn.net/m0_56274171/article/details/121964172

欄目分類
最近更新