【React学习】—React中的事件绑定(八),w300c(react 绑定)
cpugpu芯片开发光刻机
智能终端演进
33
文件名:【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单片机】公交车报站系统,netpas(单片机交通灯报告)
查看 -

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

【QT】QT事件Event大全,第三代酷睿
查看 -

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

【Qt之QColor】,dv6-6029tx(qt v6)
查看 -

【Qt之QWizardPage】使用,casio tr100
查看 -

【Qt开发流程】之容器类1-介绍及常用容器类和使用Java风格迭代器进行遍历,诺基亚n83
查看 -

【RabbitMQ(day1)】RabbitMQ的概述和安装,三星w950(三星mr安装教程)
查看 -

【React入门实战】实现Todo代办,foxit reader 3.0
查看
控制面板
网站分类
搜索
最新留言
文章归档
网站收藏
友情链接