react 中事件参数和一般参数以及this绑定的写法
2024-09-05 22:30:22
import React from 'react';
import PropTypes from 'prop-types';
class Home extends React.Component{
render(){
return (
<div>
<h1>hello word</h1>
<button onClick={(event)=>this.TestMethod(event,"哈哈哈")}>
click me
</button>
</div>
)
}
//也可以用构造函数来表示this,如果用正常的函数体写的话,this是不能表示出来的,这里的this 指的是home 这个类,因为箭头函数没有作用域
TestMethod=(e,arg1)=> {
console.log('e is :',e);
e.preventDefault();
console.log('链接被点击');
console.log('this is :',this);
console.log(arg1);
}
} Home.ProtoTypes={
sex:PropTypes.number
}
export default Home;
最新文章
- MyBatis Like查询处理%_符号
- [原创]java WEB学习笔记109:Spring学习---spring对JDBC的支持:使用 JdbcTemplate 查询数据库,简化 JDBC 模板查询,在 JDBC 模板中使用具名参数两种实现
- 【ASM C/C++】 Makefile 规则说明
- Winpcap安装,Cannot open include file &#39;pcap.h&#39;
- 基于CCS3.3平台搭建DSP/BIOS系统
- Intent学习笔记
- python模块之socket
- HDU 2444 The Accomodation of Students
- 【UOJ295】【ZJOI2017】线段树 倍增
- AFN 请求报 415错误解决方案
- Github Upload Large File 上传超大文件
- GIT 分支管理:分支管理策略、Bug分支、Feature分支
- 008-spring cache-缓存实现-03-springboot redis实现
- 通过sqli-labs学习sql注入&mdash;&mdash;基础挑战之less1-3
- C#提高-------------------Module的使用
- 选择符API
- JavaEE-学习目录
- Python学习 :面向对象(一)
- python生成器 协程
- TCP建立连接和释放连接过程