如何比较 onPress 中的两个变量

Question

我正在尝试创建一个不断变化的引脚屏幕，但我无法比较从用户那里获得的两个变量（新引脚和确认引脚）。该错误显示"this.state.newpin"是一个未定义的对象。

class SettingScreen extends Component {
  state = {
    oldpin: '000000',
    newpin: '',
    secpin: ''
}

  onPressButton(){
    if( this.state.newpin == this.state.secpin){
            ToastAndroid.show("Password Changed", ToastAndroid.SHORT);
            this.setState({ oldpin : this.state.newpin})
       }
       else {
            ToastAndroid.show("Password Unmatched", ToastAndroid.SHORT);
       }
    }
  handleNewPin = (text) => {
         this.setState({ newpin: text })
    }
  handleSecPin = (text) => {
         this.setState({ secpin: text })
     }
...
<TextInput onChangeText = {this.handleNewPin} />
<TextInput onChangeText = {this.handleSecPin} />
<TouchableOpacity onPress={this.onPressButton}>
    <Text> Change Password </Text>
</TouchableOpacity>

我可以从用户那里获得"this.state.newpin"和"this.state.secpin"的输出。我只是在比较语句中失败了（ OnPressButton（））。

我是 React-Native 的新手。

对于给您带来的不便，我们深表歉意。

Answer 1

你只需要在构造函数中绑定你的onPressButton()函数。 并像这样将您的状态移动到构造函数;

class SettingScreen extends Component {
    constructor(props) {
        super(props);
        this.state = {
            oldpin: '000000',
            newpin: '',
            secpin: ''
        };
        this.onPressButton = this.onPressButton.bind(this);
    }
}