相关疑难解决方法(0)

我仍在尝试理解这个场景。谁能建议在 Next.js 13 中执行此操作的正确方法是什么？

例如，我在服务器组件中显示用户列表，如下所示（使用 MongoDB）：

// UsersList.jsx
const UsersList = () => {
  const users = await usersCollection.getUsers()

  return (
  <div>
    {users.map(user) => <div>{user}</div>}
  </div>
  )
}

在同一页面上，我还定义了用于添加用户的客户端组件：

// UsersEdit.jsx
'use client'
const UsersEdit = () => {
  const handleAdd() => // calls POST to /api/users
  return // render input + button
}

两者在服务器组件页面中一起显示，如下所示：

// page.jsx
const Users = () => {
  return (
  <div>
    <UsersList />
    <UsersEdit />
  </div>
  )
}

我应该如何“重新加载”或“通知”UsersList新用户已添加到集合中以强制它显示新用户/更新的用户？