zoukankan      html  css  js  c++  java
  • ReactNative踩坑日志——OnPress随着render()执行被自动调用?

        在ReactNative中,Text、Button以及其他Touchable包装成的可点击控件,都可以通过onPress属性为其指定点击时的响应函数。

        在有些情况下,我们会把这些点击函数先定义好,然后再为控件的onPress属性赋值为对应函数名。然而这个时候,问题就出来了:

        一:有bug的用法

    <Button
      onPress={方法名}/>

        当这样为onPress属性指定响应方法时,会出现随着控件的渲染而自动调用响应函数的情况。

        原因:

        在RN的页面代码中,花括号 {} 有取对象值的意思在內,而方法也是对象的一种,因此,这里并不单单是为onPress指定属性值那么简单,在赋值的同时还自动调用了一次该响应方法。

        二:正确的用法

        使用箭头函数为onPress定义响应函数,箭头函数內调用对应的响应函数即可。

    <Button
      onPress={()=>{
                   点击事件的响应函数
                   }
              }/>
  • 相关阅读:
    HDU 2078 复习时间
    HDU 2076 夹角有多大
    邮票(codevs 2033)
    特种部队(codevs 1427)
    小a和uim之大逃离(洛谷 1373)
    地铁间谍(洛谷 2583)
    推销员(codevs 5126)
    小朋友的数字(codevs 3293)
    车站分级(洛谷 1983)
    Code(poj 17801)
  • 原文地址:https://www.cnblogs.com/ygj0930/p/7495341.html
Copyright © 2011-2022 走看看