我们可以使用react use hook来缓存fetch浏览器api吗？

Question

我们在 React 中有最新的钩子 [use hook] 1。使用内部 fetch() 浏览器 API 是个好习惯吗？

  const data = use( 
     fetch(`http://localhost:3000/users.json?q=1`).then((res) => res.json())
  );
  JSON.stringify(data)

Answer 1

React 文档说

use

是一个 React Hook，可让您读取

Promise

或上下文等资源的值。

由于

fetch()

API 也返回一个承诺，我认为使用

use

钩子和 fetch API 应该没问题。

关于缓存 API 响应，您可以创建自己的自定义挂钩并在其中实现缓存逻辑。

否则，请使用一些第三方库，例如

react-query

或

swr

，它们将为您处理缓存，并为您提供其他数据获取功能。