javascript - onPress 按钮在按下时不起作用

Question

<TouchableOpacity style ={styles.resetButton} 
     onPress = {console.log(this.state.working_pressure)}>
     <Text style ={styles.loginButtonText}>RESET</Text>
</TouchableOpacity>

我在上面看到的代码中使用了可触摸的不透明度。当我更改状态 working_pressure 但不按下按钮时，控制台会记录状态。问题是按下按钮时，根本没有记录任何内容。

我的最终目标是让按钮重置输入文本，以便所有字段都重置为空白。由于这个问题，我无法让它工作。

如果你有任何想法会很棒。

Answer 1

onPress 属性应该被赋予一个函数，它应该在 TouchableOpacity 被按下时调用。您当前正在 调用 console.log 直接渲染。

例如，您可以创建一个新的内联箭头函数:

<TouchableOpacity
  style={styles.resetButton} 
  onPress={() => console.log(this.state.working_pressure)}
>
  <Text style={styles.loginButtonText}>RESET</Text>
</TouchableOpacity>