如何在React项目中修改PSQL数据库的conversations表数据

你提到的create、update这类方法并非PostgreSQL数据库原生提供的函数，而是你项目中使用的Node.js ORM框架Sequelize封装的模型操作方法，逻辑全部存放在项目依赖的sequelize包源码中，因此无法在数据库内查到相关定义。如果需要查看具体实现，可以直接访问项目目录下的node_modules/sequelize路径查找对应方法的源码。

1. 服务端接口调整 #

你当前写的路由代码本身已经是更新逻辑，并不会新增行，若要符合REST接口规范，建议将更新接口的请求方法改为PUT，同时补充异常判断逻辑：

// 服务端路由代码
router.put("/:id", async (req, res, next) => {
  const { id } = req.params;
  const { dateLastAccessed } = req.body;
  try {
    // update方法返回值第一个元素为受影响的行数
    const [affectedRows] = await Conversation.update(
      { dateLastAccessed },
      { where: { id } }
    );
    if (affectedRows === 0) {
      return res.status(404).json({ msg: "对应会话不存在" });
    }
    res.json({ success: true });
  } catch (error) {
    next(error);
  }
});

如果需要调试Sequelize实际执行的SQL语句，可以将db.js中的logging: false改为logging: console.log，即可在服务端控制台打印出生成的原生SQL。
如果需要新增会话行，可使用Sequelize提供的create方法，示例如下：

// 新增会话的接口示例
router.post("/", async (req, res, next) => {
  const { user1Id, user2Id, dateLastAccessed } = req.body;
  try {
    const newConversation = await Conversation.create({
      user1Id,
      user2Id,
      dateLastAccessed
    });
    res.json(newConversation);
  } catch (error) {
    next(error);
  }
});

2. React侧调用接口 #

在React代码中通过HTTP请求调用上述服务端接口即可实现更新操作，示例如下：

// React侧请求方法示例
const updateLastAccessTime = async (conversationId, date) => {
  try {
    await fetch(`/conversations/${conversationId}`, {
      method: "PUT",
      headers: {
        "Content-Type": "application/json"
      },
      body: JSON.stringify({ dateLastAccessed: date })
    });
    // 可在此处添加本地状态更新逻辑
  } catch (err) {
    console.error("更新失败", err);
  }
};

// 调用示例：更新id为10的会话最后访问时间为当前时间
// updateLastAccessTime(10, new Date())

内容的提问来源于stack exchange，提问作者Josh Susa