javascript - 如何在 React Native 中切换状态

Question

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

我有一个页面包含 Yes和一个 No按钮和一个是/否渲染区域，用户将能够单击其中一个按钮。根据用户的选择，头像将出现在正确的渲染区域中(单击"is"，头像将出现在"is"区域...)。但一个用户只能点击一次。我正在尝试使用 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
        };  
      }
    });
  };