小编ACS*_*ACS的帖子

我的页面上有一个列表，显示了Mongodb中某个集合的所有注册用户，现在我创建了一个管理面板，我希望能够通过单击按钮删除用户，但是我不知道如何构造这样的用户一个功能。

这是呈现用户的组件：

class UsersList extends React.Component {
constructor(props) {
  super();
  this.state = {
    usersData: []
  };
}


componentDidMount() {
    fetch('http://localhost:3003/api/inlogg').then(function (response) {
      return response.json();
    }).then(function (result) {
      this.setState({
        usersData: result
      });
      }.bind(this))
  }

  render () {
    return this.state.usersData.map(function (user) {
                return <div className="dropdown" key={user._id}>
                  <li>{user.userName}</li>
                  <div className="dropdown-content"><Link to={"/privatchatt/"+user.userName+"/"+sessionStorage.getItem("username")} target="_blank"><p>Starta privatchatt med {user.userName}</p></Link>
                    <button className="delete-btn">Delete</button>
                  </div>
                </div>;
              }
            )
          }
        }

这是我的明确删除路线（与邮递员一起使用，“用户”也是集合名称）

    app.delete('/api/users/delete/:id', (req, res, next) => {
  users.deleteOne({ _id: new ObjectID(req.params.id) }, (err, result) => {
    if(err){
      throw err;
    } …