夺命雷公狗-----React---17--事件常用的属性

我们可以通过打印的方式将他打印出来看看，如下所示：

<!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(e){console.log(e);//alert('这么听话啊');this.setState({islink:!this.state.islink});},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>

效果如下所示：

比如我想知道button里面的内容：

效果如下所示：

转载于:https://www.cnblogs.com/leigood/p/6079778.html

夺命雷公狗-----React---17--事件常用的属性相关推荐

夺命雷公狗---javascript NO:08 常用的事件
常用的事件 onLoad :当页面载入完毕时触发,常用于body元素 lonUnload :当页面卸载时(关闭时)触发,常用于body元素 lonBlur :失去焦点时触发 lonFocus :获 ...
夺命雷公狗---微信开发26----客服消息接口基础和推送视频
我们按照上一课的套路继续改写下index.php即可实现,代码如下所示: <?php /*** wechat php test*///define your token require_once ...
夺命雷公狗---微信开发39----微信语言识别接口1
语音识别接口的基本介绍注意: 由于客户端缓存,开发者开启或者关闭语音识别功能,对新关注者立即生效,对已关注用户需要24小时生效,开发者可以从新关注帐号进行测试. 我们可以在测试号下方的体验接口权限表 ...
夺命雷公狗-----React---5--props对象的传递
提示:props的值是不可以改变的... <!DOCTYPE html> <html lang="en"> <head><meta cha ...
夺命雷公狗TP3.2.3商城2-----后台模版引入和后台控制器的创建
首先我们来到D:\phpStudy\WWW\shop\WEB 目录下,将Home目录进行复制一份,并且改名为Admin,如下所示: 然后将我们准备好的后台首页模版放入 D:\phpStudy\W ...
夺命雷公狗ThinkPHP项目之----商城1项目整体架构
夺命雷公狗项目之---商城本人准备更新套基于tp下开发的商城的项目,为啥呢?原因和简单,本人没使用过框架开发商城,准备用一些时间来开发套B2C的商城系统.. 项目规划: 1:项目整体架构用户部分 ...
夺命雷公狗—玩转SEO---62---TF-IDF核心算法与运用
比如我们站点有一篇文章,搜索引擎想过来提取一篇文章的关键词,这是涉及到数据挖掘.文本处理.信息检索等很多的领域,但是出乎意料的是,有一个非常简单的经典算法,可以给出令人相当满意的结果.它简单到都不需要 ...
夺命雷公狗—玩转SEO---56---query需求分析与搜索意图研究
做排名4大核心因素: 域名页面质量链接用户行为我们需要了解什么是query: 我们直接百度一个词,然后F12键盘,进入审查的界面然后进入network,然后找一个jQuery的反馈,如下所示: ...
夺命雷公狗—玩转SEO---54---网站标题主词方法与中文分词原理运用
每个网站都是需要找主词的,主词寻找方法其实可以通过5118来实现,方法如下所示: 直接搜索一下,看下那个词更加适合自己,就直接采用那个词来做即可,当然这是需要对自己所做的产品有所了解才可以选择主词的, ...
夺命雷公狗ThinkPHP项目之----商城10商品属性管理
我们一般做项目前就要分析业务逻辑先,这次也不例外. attr_type:是指属性的类型,有唯一,单选和多选之分唯一属性,是指用户在购买商品时,可以看到的扩展属性如下图所示: 单选属性,是指用户在购买 ...

夺命雷公狗-----React---17--事件常用的属性

夺命雷公狗-----React---17--事件常用的属性相关推荐

最新文章

热门文章