React Native Button onPress 函数示例

Question

使用两者之间有什么区别，我应该何时使用一种而不是另一种

<Button onPress={this.refreshData}>

<Button onPress={()=>this.refreshData()}>

Answer 1

Here is an extract from React Docs.

You can use an arrow function to wrap around an event handler and pass parameters:

<button onClick={() => this.handleClick(id)} />

This is equivalent to calling .bind:

<button onClick={this.handleClick.bind(this, id)} />

https://reactjs.org/docs/faq-functions.html

Answer 2

You should do this if you don't need to pass an argument to your function :

<Button onPress={this.refreshData}>

Doing this <Button onPress={()=>this.refreshData()}> may break optimizations.
From React doc:

Using an arrow function in render creates a new function each time the component renders, which may break optimizations based on strict identity comparison.