react中的OnDoubleClick

Question

我不能让它回复onDoubleClick。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>

​