Как переключить состояние в 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

Вы можете попробовать:

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

Answer 2

Мне кажется, я понимаю вашу проблему.Как то так?

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

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