如何在 React Native 中切换状态

Question

我正在使用 React Native 开发一个轻量级项目，遇到了一些挫折，我无法弄清楚。 :(

我有一个页面，其中包含一个Yes和一个No按钮以及一个是/否渲染区域，用户将能够单击其中任何一个按钮。根据用户的选择，头像将出现在正确的渲染区域中(单击"是"，头像将位于"是"区域中...但一个用户只能单击一次。我正在尝试使用state和setState来解决这个问题，但无法让它工作。

我有：this.state = {invitedState : false} 和功能(部分(

onPress={() => {
if (this.state.invitedState) {
onPress();
}
this.setState(prevState => ({
invitedState: !prevState.invitedState,
}));
}}

我不应该使用 setState 来解决这个问题吗？ 谢谢！

Answer 1

我想我理解你的问题。像这样的东西？

state = {
toggleUI: true,
userToggled: false
};
handleToggleUI = e => {
this.setState(currentState => {
if ( this.state.userToggled === false ) {
return {
toggleUI: !currentState.toggleUI,
userToggled: true
};  
}
});
};

Answer 2

你可以试试：

onPress{() => {
let tempVar = this.state.invitedState ? false : true;
this.setState({invitedState: tempVar});
}