【React学习】—React中的事件绑定(八),w300c(react 绑定)
cpugpu芯片开发光刻机
智能终端演进
13
文件名:【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高清(单片机贪吃蛇仿真电路)
查看 -

【QGIS入门实战精品教程】4.1:QGIS栅格数据地理配准完整操作流程,智器v5
查看 -

【Qt】QMainWidget中的栏和菜单,z60t(qt widget添加菜单栏)
查看 -

【RK3399Pro学习笔记】七、ROS订阅者Subscriber的编程实现,索尼t90
查看 -

【RK3399Pro学习笔记】十五、ROS中launch启动文件的使用方法,quake4(ros 启动)
查看 -

【ROS导航Navigation】五 - 导航相关的消息 - 地图 - 里程计 - 坐标变换 - 定位 - 目标点和路径规划 - 激光雷达 - 相机,el71
查看 -

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

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