javascript - 如何在 PUT 请求后使用 Fetch-Suspense 重新渲染 React 组件

标签 javascript reactjs lifecycle

对于一个学校项目,我需要根据从传感器获得的值给骑自行车的人指示方向。传感器能够向数据库发送 PUT 请求,其值为 true 或 false。 我正在使用 Fetch Suspense 从数据库检索该对象。我在 if else 语句中使用该对象的值。

fetch 方法工作得很好,PUT 请求也是如此。

但问题是,当我刷新页面时,我只能看到 true->false 或反之亦然的变化。

有没有办法使用 Fetch Suspense 重新渲染应用程序?

任何帮助将不胜感激!

https://codesandbox.io/embed/mystifying-wing-hsgf1?fontsize=14

最佳答案

不要在另一个组件内实例化一个组件。我建议将 App 位提取为单独的组件,并将 API 中的值作为 prop 传递给呈现方向的组件。

关于javascript - 如何在 PUT 请求后使用 Fetch-Suspense 重新渲染 React 组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56530110/

相关文章:

java - Maven:在生命周期阶段之间传递系统属性

javascript - 一页不定格数的CSS大网格

javascript - SOAP - Google map 和 Javascript - 连接到网络服务

java - Lambda表达式匿名对象生命周期

javascript - react : Make components external

c# - 如何将 DotNet Core 5.0 身份验证与 Next.js 结合使用

express - 为什么我的 Electron 事件被延迟到渲染过程?

javascript - 与网页中的 timeonsitetracker.js API 集成时如何获取实时 "timeonsite"参数?

javascript - 有什么方法可以在 native react 中选择突出显示pdf文件中的文本

reactjs - 如何向作为变量传递的 react 组件添加属性?