OnDoubleClick в реакции

Question

Я не могу заставить его ответить на DoubleClick. ни с console.log. Я не понимаю почему, поскольку код выглядит хорошо. Я надеюсь, что ваша помощь, большое спасибо, пока.

}

deleteUser = async(id) => {

    await axios.delete('http://localhost:4000/users/' + id)
    this.getUsers();

}

                           this.state.users.map(user => (
                            <li 
                                className="list-group-item list-group-item-action" 
                                key={user._id}
                                onDoubleClick={() => this.deleteUser(user._id)}
                                >
                                {user.username}
                            </li>)
                        )


                           

Answer 1

Здесь вам нужно привязать свой метод перед использованием в шаблоне

this.doublemethod = this.doublemethod.bind(this); // in your constructor

Примечание: https://stackblitz.com/edit/react-juq9t6

Answer 2

Добавить .bind(this) надеюсь, вы добьетесь того, чего хотите.

 <li className="list-group-item list-group-item-action" 
      key={user._id}
      onDoubleClick={ this.deleteUser(user._id).bind(this)}>
      {user.username}
 </li>