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

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

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

一：有bug的用法

<Button
  onPress={方法名}/>

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

原因：

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

二：正确的用法

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

<Button
  onPress={()=>{
               点击事件的响应函数
               }
          }/>