node.js - 将下拉值和对象 ID 绑定到功能和设置状态

Question

我有一个管理用户页面，其中数据库中的用户被动态映射到行中的表中。在每一行中，我们可以选择一个帐户级别来更新特定用户的级别。

我使用过绑定，但不知道具体如何执行。下面是jsx文件代码。

                   <td>
                      <Form.Select className="accLevelForm"
                          name="accLevel"
                          aria-label="Default select example"
                          onClick={this.handleUserUpdate.bind(this, posts._id)}
                      >
                          <option>{posts.accLevel}</option>
                          <option value="1">Level 1 (user)</option>
                          <option value="2">Level 2 (admin)</option>
                      </Form.Select>
                  </td>

这是构造函数

constructor(props){
    super(props);

    this.state={
      posts:[],

      newAccLevel: 0
    };

    this.handleUserUpdate = this.handleUserUpdate.bind(this);
  }

如何从下拉列表中选择值并将特定用户的 objectID 动态获取到 handleUserUpdate 函数中，然后将其推送到后端？或者我应该使用表单提交按钮单独执行吗？

如果您想查看它，这是节点部分

//update users
router.put('/updateUserLevel/:id', (req, res) => {
    const accl = Number(req.body.accLevel);

    User.findByIdAndUpdate(req.params.id, { accLevel: accl}, (err, docs) => {
        if (err){
            console.log(err);
            res.json("Update unsuccessful")
        }
        else{
            res.json(docs)
        }
    } 
    
    )
})

非常感谢！

标签： node.jsreactjsmongodbaxios