在PUT请求后如何使用Fetch-Suspense重新呈现React组件

时间:2019-06-10 16:26:09

标签: javascript reactjs lifecycle

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

fetch方法可以正常工作,PUT请求也可以。

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

是否有任何方法可以使用Fetch Suspense重新呈现应用程序?

任何帮助将不胜感激!

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

1 个答案:

答案 0 :(得分:1)

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