【React学习】—React中的事件绑定(八),w300c(react 绑定)
cpugpu芯片开发光刻机
智能终端演进
23
文件名:【React学习】—React中的事件绑定(八),w300c
【React学习】—React中的事件绑定(八)
【React学习】—React中的事件绑定(八) 一、原生JS <body><button id="btn1">按钮1</button><button id="btn2">按钮2</button><button onclick="demo()">按钮3</button><script>const btn1 = document.getElementById("btn1");btn1.addEventListener("click", () => {alert("按钮1被点击了");});const btn2 = document.getElementById("btn2");btn2.onclick = () => {alert("按钮2被点击了");};function demo() {alert("按钮3被点击了");}</script></body> 二、React中的事件绑定 <script type="text/babel">class Weather extends React.Component {constructor(props) {super(props);this.state = { isHot: false };}render() {return (<h1 onClick={demo}>今天天气很{this.state.isHot ? "炎热" : "凉爽"}</h1>);}}ReactDOM.render(<Weather />, document.getElementById("test"));function demo() {console.log("标题被点击了");}</script>
同类推荐
-

【Proteus仿真】【51单片机】贪吃蛇游戏,720p高清(单片机贪吃蛇仿真电路)
查看 -

【Proteus仿真】【Arduino单片机】直流电机和步进电机,i718(proteus仿真直流电机的控制)
查看 -

【Ptyhon】关于自定义对象的Json序列化和反序列化,诺亚舟np1100(java自定义序列化和反序列化)
查看 -

【Q2—30min】,www.pcpop.com(q2002.c-m)
查看 -

【QGIS入门实战精品教程】9.1:QGIS构建泰森多边形(Thiessen Polygon)实例精解,戴尔灵越14r拆机
查看 -

【RTT驱动框架分析06】-pwn驱动框架分析+pwm驱动实现,泡泡娱乐网(rtc驱动框架)
查看 -

【RabbitMQ】RabbitMQ 服务无法启动。系统出错。发生系统错误 1067。进程意外终止。,geedom
查看 -

【RabbitMQ高级功能详解以及常用插件实战】,htc t528d rom
查看 -

【React入门实战】实现Todo代办,foxit reader 3.0
查看