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

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

【QT】非常简单的登录界面实现,行尸走肉第四季15集
查看 -

【Qt】顶层窗口和普通窗口区别以及用法,聚划算官网首页(qt 顶层窗口)
查看 -

【Qt之QLocale】使用,索爱neo
查看 -

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

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

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

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

【RK3399Pro学习笔记】十五、ROS中launch启动文件的使用方法,quake4(ros 启动)
查看
控制面板
网站分类
搜索
最新留言
文章归档
网站收藏
友情链接