如何使用 React 从 MongoDB 数组中正确删除用户？

Question

所以我觉得我已经接近了这个，只需要一个小修复来让它正确。我有一个包含 2 个用户和书籍集合的应用程序，我已经设置了它，如果 2 个用户拥有同一本书，他们将被添加到用户数组中，该数组也是书籍集合中的参考。

也就是说，我希望用户能够通过从该数组中删除用户来“删除一本书”，但我的路由无法完全正确。我尝试将 props.match.params.id 添加到前端路由，以及在过滤器之前使用 map，但效果不佳，所以现在我有一个 book ID。

有接受者吗？我发现了一些类似的问题，但我认为这有点复杂。我感谢任何 cmets 或想法！

这是 Node/Express 中的删除路由：

router.delete(
  '/:id',
  // passport.authenticate('jwt', { session: false }),
  async (req, res) => {
    try {
      // if (!mongoose.Types.ObjectId.isValid({ _id: req.params.id })) return false
      const filter = { _id: req.params.id }
      //$and: [{
      /*{ title: { $eq: req.body.title } },
      { author: { $eq: req.body.author } }*/
      //}]
      const update = {
        $pull: { user: { $in: [`${req.user.id}`] } }
      }
      const book = await Book.findOneAndUpdate(filter,
        update, { new: true, runValidators: true }, (err, book) => {
          err ? res.json({ success: false, err }) : res.status(200).json(book)
        }
      )
    } catch (err) {
      console.error(err.message)
      res.status(500).send('Server Error')
    }
  }
)

这是 React 中的前端路由（2 sn-ps）：

const removeUser = id => {
    axios
      .delete(`http://localhost:3001/api/books/5f7d619a58b64d50fdf494f5?&user=${id}`, id)
      .then(res => {
        const books = state.books.filter(book => book._id !== id)
        setState({ books })
      })
      .catch(err => console.log(err))
  }

  const countBooks = filter => {
    const { books } = state
    return books.filter(book => filter ? book[filter] : book).length
  }

  return <>
    <Count total={countBooks()} />
    <Form onNewBook={addBook} />
    <div className="row" style={divStyle}>
      <div className="col s5">Title</div>
      <div className="col s4">Author</div>
      <div className="col s3" style={{ marginBottom: '5px' }}>
        <Link to="/compare">Read By?</Link>
      </div>
    </div>
    {state.books.map(book => <List book={book} key={book._id} onRemoveUser={removeUser} />)}
  </>
}

这是来自 List 组件，其中包含一个模态：

<button 
className="btn waves-effect waves-light" 
onClick={() => onRemoveUser(book.user.map((user, i) => <p key={i} style={{ margin: '0' }}>{user._id}</p>))}
              autoFocus
              style={{ margin: '5px' }}
            >
              Yes
          </button>

Answer 1

您是否尝试过使用 MongoDB 集合中的“Book.findOneAndDelete”一本书？您可以将您的 bookid 作为 id 传递给此例程。