【React学习】—React中的事件绑定（八）,w300c（react 绑定）
cpugpu芯片开发光刻机
智能终端演进
15
文件名：【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>
同类推荐
-
【PXIE301-211】基于PXIE总线的16路并行LVDS数据采集、4路低速、2路隔离RS422数据处理平台,QQ音乐2009
查看 -
【Proteus仿真】【51单片机】贪吃蛇游戏,720p高清（单片机贪吃蛇仿真电路）
查看 -
【Qt开发流程】之事件系统3：键盘事件,amd athlon
查看 -
【Qt开发流程】之元对象系统,松下zs3（qt 元对象系统）
查看 -
【RK3399Pro学习笔记】七、ROS订阅者Subscriber的编程实现,索尼t90
查看 -
【ROS问题】rqt_plot运行报错,玛 雅 网
查看 -
【RUST】HashMap、vector和String,色域网（rust hashmap）
查看 -
【React入门实战】实现Todo代办,foxit reader 3.0
查看