总结react native 事件机制
React 事件机制
一个组件的所有事件会使用统一的事件监听器,绑定到组件的最外层,那么如何使用?
- bind方法,绑定并且可以传递参数
<TouchableOpacity
onPress={this.fun.bind(this)}
onPress={this.fun.bind(this,"text")}
>
</TouchableOpacity> fun(){ }
 - 如果不用传参数?
 
双冒号语法
{::this.fun}
- 在构造器内bind,好处是只绑定一次
 
    constructor(props){
        super(props);
        this.state={}
        this.fun=this.fun.bind(this)
    }
    <Text onPress={this.fun}></Text>
- 箭头函数 会自动绑定this
 
1. <Text onPress={this.fun}></Text>
   const fun=(e)=>{
       console.log(e)
   }
2. <Text onPress={()=>this.fun()}></Text>
   fun(){
   }												
											总结react native 事件机制的更多相关文章
- React Native通信机制详解
		
React Native是facebook刚开源的框架,可以用javascript直接开发原生APP,先不说这个框架后续是否能得到大众认可,单从源码来说,这个框架源码里有非常多的设计思想和实现方式值得 ...
 - [技术博客]react native事件监听、与原生通信——实现对通知消息的响应
		
在react native中会涉及到很多页面之间的参数传递问题.静态的参数传递通常利用组件的Props属性,在初始化组件时即可从父组件中将参数传递到子组件中.对于非父子关系的组件来说,无法直接传递参数 ...
 - [React Native]Promise机制
		
React Native中经常会看到Promise机制. Promise机制代表着在JavaScript程序中下一个伟大的范式.可以把一些复杂的代码轻松撸成一个串,和Android中的rxjava非常 ...
 - react native 刷新机制----通知
		
在项目中,不知道大家有没有遇到这样的一个问题,比如说有两个页面A,B.A页面中有某个按钮点击后可以跳转到B页面,现在有一个需求就是,我在B页面中做了某些操作,然后点击回退按钮,回到A页面,A页面中的数 ...
 - 深入理解React:事件机制原理
		
目录 序言 DOM事件流 事件捕获阶段.处于目标阶段.事件冒泡阶段 addEventListener 方法 React 事件概述 事件注册 document 上注册 回调函数存储 事件分发 小结 参考 ...
 - React Native初探
		
前言 很久之前就想研究React Native了,但是一直没有落地的机会,我一直认为一个技术要有落地的场景才有研究的意义,刚好最近迎来了新的APP,在可控的范围内,我们可以在上面做任何想做的事情. P ...
 - [转] 「指尖上的魔法」 - 谈谈 React Native 中的手势
		
http://gold.xitu.io/entry/55fa202960b28497519db23f React-Native是一款由Facebook开发并开源的框架,主要卖点是使用JavaScrip ...
 - React Native 从入门到原理
		
React Native 是最近非常火的一个话题,介绍如何利用 React Native 进行开发的文章和书籍多如牛毛,但面向入门水平并介绍它工作原理的文章却寥寥无几. 本文分为两个部分:上半部分用通 ...
 - 关于React Native 火热的话题,从入门到原理
		
本文授权转载,作者:bestswifter(简书) React Native 是最近非常火的一个话题,介绍如何利用 React Native 进行开发的文章和书籍多如牛毛,但面向入门水平并介绍它工作原 ...
 
随机推荐
- [转载]oracle的加密和解密
			
加密函数 create or replace function encrypt_des(p_text varchar2, p_key varchar2) return varchar2 isv_tex ...
 - js关于移入移出延迟提示框效果处理
			
html部分 <div id="div1">我是导航君</div> <div id="div2" style="disp ...
 - 通过 Java 线程堆栈进行性能瓶颈分析
			
改善性能意味着用更少的资源做更多的事情.为了利用并发来提高系统性能,我们需要更有效的利用现有的处理器资源,这意味着我们期望使 CPU 尽可能出于忙碌状态(当然,并不是让 CPU 周期出于应付无用计算, ...
 - 深度估计&平面检测小结
			
https://yq.aliyun.com/ziliao/582885 最近一段时间已知忙着赶图像分析与理解的项目,在三个星期内强行接触了CNN,MRF,Caffe,openCV在内的很多东西.现在项 ...
 - 【react开发】使用swiper插件,loop:true时产生的问题解决方案
			
这2天上班遇到的问题:react使用swiper3插件实现banner轮播,其中有个banner图有个click点击事件,而其他的是页面跳转.出现了一个问题: 就是向右滑动到该帧时的swiper,点击 ...
 - 2019/3/25 wen 包,对象的行为
 - Web开发笔记 #08# Jackson组合多个对象的属性构成JSON(以及添加自定义属性)
			
参考文档:https://github.com/FasterXML/jackson-databind 关于ObjectMapper的线程安全 截自官方文档: 组合多个对象的属性构成JSON(以及添加自 ...
 - 那些不错的 [ Html5 +  CSS3 + Canvas ] 效果!
			
apng制作工具:http://isparta.github.io/how.html apng制作文章:http://isux.tencent.com/introduction-of-apng.htm ...
 - linux设置代理
			
在~/.bashrc或者/etc/profile下,添加下面 http_proxy=http://192.168.105.171:80 https_proxy=$http_proxy export h ...
 - Codeforces 980E The Number Games - 贪心 - 树状数组
			
题目传送门 传送点I 传送点II 传送点III 题目大意 给定一颗有$n$个点的树,$i$号点的权值是$2^{i}$要求删去$k$个点,使得剩下的点仍然连通,并且总权值和最大,问删去的所有点的编号. ...