node.js - 当 ClearDB 数据库发生变化时更新 React Native 页面

Question

我正在开发这个基于 QR 码的应用程序，它使用存储在 Heroku 服务器上的 ClearDB MySQL 数据库。前端使用 Node.js 和 Express 构建的 REST API 与数据库通信

每当用户扫描二维码时，数据库中的二维码值都会发生变化。但我不知道如何在前端立即反映这种变化。基本上，我需要帮助的是找到一种方法，当数据库中的值发生变化时自动刷新页面，并根据新值显示新的二维码。这样当用户扫描代码时，它会立即在他的页面上更新，而不仅仅是在数据库中。

我研究了套接字，但不太了解如何将它集成到我的应用程序中，尤其是在前端方面。

标签： node.jsreact-nativecleardb

Answer 1

您如何存储 QR 码的信息？在 Redux 中？还是地方州？您使用的是基于类的组件还是挂钩？如果您想要最少的头痛，我强烈建议您使用钩子。让我知道，我可以为代码提供更多细节。

您的最终产品将如下所示：

const [qrData, setQrData] = useState(null)

const updateDatabase = () => {
    axios.post(`your/database/url/with/your/data/attached`).then(res => {
        setQrData(res.data.your.response.object.from.database)
    }
}