如何在 React Native 中切换状态答案

【问题标题】：How to toggle state in React Native如何在 React Native 中切换状态
【发布时间】：2018-10-19 05:00:22
【问题描述】：

我正在使用 React Native 开发一个轻量级项目，我遇到了一些挫折，我想不通。 :(

我有一个页面，其中包含一个Yes 和一个No 按钮以及一个是/否渲染区域，用户将能够单击其中一个按钮。根据用户的选择，一个头像会出现在正确的渲染区域（点击是，头像会在是区域...）。但是一个用户只能点击一次。我正在尝试使用state 和setState 解决此问题，但无法使其正常工作。

我有： this.state = {invitedState : false} 和一个函数（部分）

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

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

【问题讨论】：

标签： javascript ios reactjs react-native mobile

【解决方案1】：

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

  state = {
    toggleUI: true,
    userToggled: false
  };

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

【讨论】：

【解决方案2】：

你可以试试：

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

【讨论】：