为什么我们需要 "useParams" 和 "getAPI"?
Why do we need both "useParams" and "getAPI"?
据我了解,useParams 挂钩允许我从另一条路线获取参数。
那为什么我们还需要做 axios.get
才能使抓取工作正常进行?
它不也只是获取 API 上可用的数据(参数)吗?
示例见图片。
谢谢,感谢您的宝贵时间。
抱歉,我无法真正理解您的用例。
useParams()
是 react-router
的一个钩子,它的唯一目的是从你的 React 应用程序中当前呈现的 URL return 动态参数。然后你用这个值做什么取决于你,当然,你可以将它用作参数来从外部 API 获取数据。但是这种获取与 useParams()
(或 react-router
)无关,您可以使用 axios
或 fetch()
或其他任何方式执行此操作。 useParams()
没有进行任何 AJAX 调用。
显然,在您的特定情况下,呈现的 React 路由中 id
参数的值与您在 API (jsonplaceholder.typicode.com/posts
) 上用于检索资源的值相同。这很好,但它是您的应用程序设计的一个特点,并且不会改变两个参数(渲染路由中的一个和传递给外部 API 的参数)是不同的、不相关的东西的事实。
据我了解,useParams 挂钩允许我从另一条路线获取参数。
那为什么我们还需要做 axios.get
才能使抓取工作正常进行?
它不也只是获取 API 上可用的数据(参数)吗?
示例见图片。
谢谢,感谢您的宝贵时间。
抱歉,我无法真正理解您的用例。
useParams()
是 react-router
的一个钩子,它的唯一目的是从你的 React 应用程序中当前呈现的 URL return 动态参数。然后你用这个值做什么取决于你,当然,你可以将它用作参数来从外部 API 获取数据。但是这种获取与 useParams()
(或 react-router
)无关,您可以使用 axios
或 fetch()
或其他任何方式执行此操作。 useParams()
没有进行任何 AJAX 调用。
显然,在您的特定情况下,呈现的 React 路由中 id
参数的值与您在 API (jsonplaceholder.typicode.com/posts
) 上用于检索资源的值相同。这很好,但它是您的应用程序设计的一个特点,并且不会改变两个参数(渲染路由中的一个和传递给外部 API 的参数)是不同的、不相关的东西的事实。