Реагировать на функцию родного вызова один раз, используя onPress

Question

Я новичок в React native, и когда пользователь несколько раз касается одного и того же компонента, событие onPress вызывается несколько раз, а также мой метод.

onPress={() => this.onItemPressed(type)}

Я хочу знать, чтоэто лучший или один хороший из существующих способов в React native вызывать этот метод просто один раз , даже если пользователь коснется несколько раз , чтобы не сломать мое приложение и загрузить только один разесли пользователь Нажмите в компоненте.

Заранее спасибо

Answer 1

Вы можете отключить саму кнопку и подождать, пока закончится логика, прежде чем активировать ее или выполнить любое другое действие:

<Button
  onPress={() => this.onItemPressed(type)}
  disabled={this.state.itemPressedDisabled}>

onItemPressed(type) {
  this.setState({itemPressedDisabled: true})

  // ...code logic here

  // Use below if you want to enable the button again after you're done
  // this.setState({itemPressedDisabled: false})
}

Answer 2

onPress(){
    const { disabled } = this.state;
    if(!disabled){
        this.setState({ disabled: true })
        // Other logic or button functionality
    }    
}

Answer 3

Что вы можете сделать, это добавить состояние disabled к вашему компоненту.Установите значение true, если код выполняется, и каждый раз при нажатии проверяйте, является ли disabled ложным

Пример:

onPress(){
    if( this.state.disabled === false ) {
        // TODO: Execute your code
        this.setState({ disabled: true })
    }    
}