ReactNative踩坑日志——OnPress随着render()执行被自动调用?

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

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

    一:有bug的用法

<Button
  onPress={方法名}/>

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

    原因:

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

    二:正确的用法

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

<Button
  onPress={()=>{
               点击事件的响应函数
               }
          }/>
原文地址:https://www.cnblogs.com/ygj0930/p/7495341.html