OnDoubleClick in react

Question

I can't get it to respond onDoubleClick. neither with console.log. I do not understand why, since the code looks good. I hope your help thank you very much, bye.

}

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

Add .bind(this) hope you achieve what you want.

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

Answer 2

Here you need to bind your method before using in template

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

Note: https://stackblitz.com/edit/react-juq9t6