【React学习】—React中的事件绑定(八),w300c(react 绑定)
cpugpu芯片开发光刻机
智能终端演进
25
文件名:【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>
同类推荐
-

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

【QT】 Word模板编辑、转PDF格式,wps office 2009
查看 -

【QT】Qt常用数值输入和显示控件,plu机械键盘
查看 -

【Qt5】ui文件最后会变成头文件,大中电器网上商城店(qt5生成的ui文件)
查看 -

【Qt开发流程】之程序主窗口,武尊神(qt主窗口打开子窗口)
查看 -

【Quarkus技术系列】打造基于Quarkus的云原生微服务框架实践(1),airx a7
查看 -

【RK3399Pro学习笔记】十三、ROS中的坐标系管理系统,f85(ros 坐标系)
查看 -

【RabbitMQ】2、心得总结,资料汇总,s9500(rabbitmq入门案例)
查看 -

【RabbitMQ】RabbitMQ 服务无法启动。系统出错。发生系统错误 1067。进程意外终止。,geedom
查看
控制面板
网站分类
搜索
最新留言
文章归档
网站收藏
友情链接