promise 相关问题

} loader={blogPostLoader} /> 博客页面函数 BlogPostsPage() { const posts = useLoaderData() 返回（ <> 我们的博客 <Route index element={<BlogPostsPage />} loader={blogPostLoader} /> 博客页面 function BlogPostsPage() { const posts = useLoaderData() return ( <> <h1>Our Blog Posts</h1> <Posts blogPosts={posts} /> </> ); } export function loader () { return getPosts() } getPosts() export async function getPosts() { const response = await fetch('https://jsonplaceholder.typicode.com/posts'); if (!response.ok) { throw { message: 'Failed to fetch posts.', status: 500 }; } return response.json(); } 我的主要疑问是，由于我们在加载器函数中返回一个承诺，因此useLoaderData()是否可以为我们解决它，因为我们不等待数据？这是我的疑问。 useLoaderData钩子不会解析从加载函数返回的任何Promise，它只是返回从加载函数返回的（已解决）值。每个路由可以定义一个“loader”函数，为路由提供数据元素在渲染之前。（强调我的） loader 在渲染路由（和 element 组件）之前调用，因此在渲染路由时，所有 Promise 都已解决。换句话说......所有“等待”都是在加载器函数和路由器中完成的，组件被安装/渲染，数据在组件中立即可用。 useLoaderData 不启动获取。它只是读取 React Router 内部管理的 fetch 结果，因此当它因路由之外的原因重新渲染时，您无需担心它会重新获取。您可以在以下位置找到更多详细信息：https://reactrouter.com/en/main/hooks/use-loader-data 如果您想返回Promise，可以使用defer：https://reactrouter.com/en/main/guides/deferred 基本上，一旦您使用 Promise 返回 defer，您就可以使用 React.Suspense 作为后备（加载指示器），并在 Await (by react-router-dom) 解析后使用 Promise 来渲染组件。这是指南的快照 import { Await, defer, useLoaderData, } from "react-router-dom"; import { getPackageLocation } from "./api/packages"; async function loader({ params }) { const packageLocationPromise = getPackageLocation( params.packageId ); return defer({ packageLocation: packageLocationPromise, }); } export default function PackageRoute() { const data = useLoaderData(); return ( <main> <h1>Let's locate your package</h1> <React.Suspense fallback={<p>Loading package location...</p>} > <Await resolve={data.packageLocation} errorElement={ <p>Error loading package location!</p> } > {(packageLocation) => ( <p> Your package is at {packageLocation.latitude}{" "} lat and {packageLocation.longitude} long. </p> )} </Await> </React.Suspense> </main> ); } 祝你好运！！！

javascript reactjs promise react-router

回答 3 投票 0

将 api 数据渲染到车把

我正在尝试将 Promise.all 多重获取请求的结果传递到我的车把视图。该请求有效，因为它将结果返回到终端，但我不知道如何获取

express promise handlebars.js

回答 1 投票 0

R Promise 中的值本身可以是 Promise吗

我了解 R Promise 的基础知识。 Promise 包含三部分信息：(env, expr, [val])（val 仅在 Promise 被强制后才出现）。我想检查一下是否...

r promise

回答 1 投票 0

Async/await 承诺提供替代方案。将await重写为Promise

我试图了解await在不同场景中是如何工作的，并遇到了一个问题。新的承诺（异步（解决，拒绝）=> { 解决（）; console.log(等待 Promise.resolve(7...