夺命雷公狗-----React---15--三元运算符
2024-08-27 15:21:31
<!DOCTYPE>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="./js/react.js"></script>
<script src="./js/react-dom.js"></script>
<script src="./js/browser.min.js"></script>
<style>
*{ margin:0px; padding:0px;} </style>
</head>
<body>
<div id="dome"></div>
<div id="test"></div>
<script type="text/babel">
var Fix = React.createClass({
getInitialState:function(){
return{
islink:true
};
},
handleClick:function(){
alert('这么听话啊');
},
handleMouseOver:function(){
alert('喂你想干嘛?');
},
handleMouseOut:function(){
alert('吓得我一身冷汗');
},
render:function(){
return(
<div>
<h1>test</h1>
<img src="./images/jj.png" onMouseOver={this.handleMouseOver} onMouseOut={this.handleMouseOut} /> <br /><br />
<p>大家喜欢和他叫朋友吗?<b>{this.state.islink?'喜欢':'不喜欢'}</b></p>
<button onClick={this.handleClick}>有种你就点我</button>
</div>
);
}
});
ReactDOM.render(
<Fix />,
document.getElementById('dome')
);
</script>
</body>
</html>
最新文章
- BPM体系文件管理解决方案分享
- 【MySQL】排序原理与案例分析
- SQL Server的高级知识
- MAC中Django中runserver提示Can&#39;t connect to local MySQL server through socket &#39;/tmp/mysql.sock错误
- Python中的random模块
- Kafka入门学习随记(二)
- C语言中链表节点的实现,以及如何实现泛型
- poj3693 Maximum repetition substring
- mockito学习笔记
- Android学习总结——去除标题栏
- java编辑器
- let const 下篇
- Mac命令行
- docker删除已经停止的容器
- 【黑金原创教程】【FPGA那些事儿-驱动篇I 】实验三:按键模块② &mdash; 点击与长点击
- HTML 背景实例
- vue中的this指向问题
- 十步轻松搞定IIS+PHP环境搭建
- MySQL->;处理重复数据[20180517]
- JMeter脚本增强之集合点
热门文章
- ZeroMQ接口函数之 :zmq_ctx_destroy - 销毁一个ZMQ环境上下文
- 最简单的html轮播图制作适合新手
- Ext之ExtGrid增删改查询回顾总结
- Windows2003远程桌面单会话登录
- 7.echo(),print(),print_r()的区别
- viewport
- C++中 引入虚基类的作用
- 【emWin】例程六:设置颜色
- python 2.43 升级到2.7
- FTP上传文件提示550错误原因分析。