【React学习】—React中的事件绑定（八）,w300c（react 绑定）
cpugpu芯片开发光刻机
智能终端演进
14
文件名：【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>
同类推荐
-
【Qt5】ui文件最后会变成头文件,大中电器网上商城店（qt5生成的ui文件）
查看 -
【Qt】之QSet使用,oracom
查看 -
【Qt之QLocale】使用,索爱neo
查看 -
【Quarkus技术系列】「云原生架构体系」在云原生时代下的Java“拯救者”是Quarkus，那云原生是什么呢？,罗技g100套装
查看 -
【RK3399Pro学习笔记】七、ROS订阅者Subscriber的编程实现,索尼t90
查看 -
【ROS问题】rqt_plot运行报错,玛 雅 网
查看 -
【RabbitMQ高级功能详解以及常用插件实战】,htc t528d rom
查看 -
【React】React入门,wiseie（react 入门）
查看