ubuntu - 单击按钮从另一个事件中的事件返回 React-native

Question

我使用以下命令创建按钮:

<Button
    containerStyle={{padding:10, height:45, overflow:'hidden', borderRadius:7,marginTop: 60, backgroundColor: 'white'}}
    style={styles.button}
    onClick={this.handlePress}>
    We Are
</Button>

和handlePress:

handlePress (event) {
   require('./we-are.js')
   // alert("ciaooo")
}

但是，当我单击按钮时，什么也没有发生。我尝试使用警报，这很有效。

Answer 1

您需要绑定(bind)该函数，以便使 this在调用实际函数时引用您期望的上下文。有几种方法可以实现这一点，您可以尝试:

onClick={ this.handlePress.bind(this) }

或使用箭头函数(自动绑定(bind)):

onClick={() => { this.handlePress() } }

或者在组件的构造函数中(假设您使用 class 语法):

constructor(props) {
  super(props);
  this.onClick = this.onClick.bind(this);
}

这更有效，因为您不会在每次重新渲染时都创建新函数。

在 React Native 中，你实际上可以用更好的方式来做(因为它已经包含了 babel 插件):

handlePress = (event) => {
  ...
}