Next.JS布局可以用来持久化页面状态，但显然不能用来持久化调用。docs建议使用SWR或useEffect来获取页面布局上数据，但对于静态数据来说，这是一种糟糕的体验，例如放入页脚的数据。说了这么多--是否可以在布局上调用getStaticProps？或者，有没有其他方法可以在服务器端为布局获取数据？
浏览 15提问于2021-10-20得票数 2
虽然我可以很好地获取这些数据，但我希望通过getStaticProps，来实现，因为我希望我的站点保持完全静态生成。getStaticProps在我的layout.js文件中不工作，因为它不在"pages“目录中。它在_app.js文件中也不工作。因此，目前我必须在每个页面中获取菜单，并将它作为一个支柱传递到布局组件(现在必须在每个页面上！)，这样我就可以将它从布局内部传递到header组件。我花了相当长的时间研究，但我找到
浏览 8提问于2022-09-16得票数 1
我需要在我的标题组件中添加段塞，它在布局中的所有站点中都是可重用的： return ( <Header，类似于： return <div>{category.SLUG}</div>但是因为它是一个可重用的组件，所以我不知道如何在哪里调用getServerSideProps或ge
浏览 4提问于2021-01-08得票数 3
我正在使用这个模式在Next.js中构建持久布局：section_2: "Examples"section_4: "About"如何使用Next.
浏览 0提问于2020-06-23得票数 1
我正在尝试将getServerSideProps方法从这个页面导入到另一个页面，并在多个页面中使用它。我怎么能这么做？import DashboardLayout from "@app/layout/DashboardLayout";import { parsedCookie } from "@infrastructure/utils/functions";
const OverviewPage = () =>
浏览 18提问于2021-12-05得票数 3
我正在制作一个简单的网站，我想从API中获取数据并将其显示在我的组件上。问题是从来没有调用过getStaticProps()方法。以下是组件的代码：import {GetStaticProps, InferGetStaticPropsType} from "next";
forks: number;
function Projects({projects}: InferGetStaticPro
浏览 5提问于2021-09-06得票数 3
回答已采纳
我尝试切换到一个功能组件，从getStaticProps()返回一个promise，切换到getServerSideProps()，并将目录读取代码包含到render方法中。我还尝试将代码添加到_app.js中的getStaticProps()函数中，希望通过上下文将页面推送到组件，但似乎也没有调用getStaticProps()。我可以在包含菜单的页面的getStaticProps函数中运行代码，但我必须对每个页面重复该操作。即使我将逻辑提取到从<e
浏览 5提问于2020-09-02得票数 6
我在NextJS项目的pages文件夹中创建了一个API路由。它工作得很好，我可以通过直接访问URL (如 )从它获取数据。我想在getStaticProps中获取数据，然后转发到组件中。如果我这样做会很好 const { data } = await axios.get为什么，我认为在NextJs中不包括localh
浏览 0提问于2022-09-28得票数 0
我的印象是，您可以导入api请求处理程序，并直接在您的getStaticProps函数中调用它们，因为文档中写着：export default function user(req, res) { const user = getUserById(userId);
res.
浏览 2提问于2020-12-02得票数 1
回答已采纳
我使用getStaticProps从IGDB数据库中获取游戏。一切正常，但现在我想实现搜索游戏使用文本输入和按钮。我正在使用onChange从文本输入中获得值，我需要将状态传递给搜索查询，但是如何在函数之外执行此操作呢？以下是代码： const response = await fetch(
`https://api.igdb.com
浏览 3提问于2021-08-06得票数 3
我将一个图像文件名作为字符串传递给getStaticProps。export const getStaticProps: GetStaticProps = async () => {
const slug = staticProps?.params?.如果我在console.log中使用getStaticProps中的file变量，它会显示出<Buffer ff d8 f...，因此文件导入似乎至少部分工作了。1:将从getStaticProps返回的.file序列化为&
浏览 2提问于2022-09-01得票数 0
我有一个导航栏，它有一个动态支柱，这个支持的数据应该从getStaticProps中的API中获取。导航栏应显示在我的网站的所有网页。因此，在我网站的所有页面中显示导航栏的最佳方法是将其放在_app.js组件中。但是我想使用getStaticProps方法来获取这些数据！问题是_app.js没有这个特性。我所有的页面都是静态渲染的。根据这个问题和其他问题的答案更新，我想我没有办法，我应该在使用布局和getInitialProps之间做出选择。但我有个主意。例如，我可以每
浏览 6提问于2022-07-13得票数 0
1回答
使用阿波罗返回多个查询
、、、
我使用getStaticProps()函数获取查询。为了提高模块化和可维护性，我将查询分解为多个查询。我有一个文件夹结构，如：export const getStaticProps = async () => {
const {请帮助我
浏览 1提问于2021-02-22得票数 2
使用Xamarin.Forms，我如何实现这样的布局？我指的是灰色背景上的文本提示：
打开个人热点分享..。我能添加到ListView或TableView中的只有标准的ViewCells，它们都是用分隔符和白色背景呈现的。如果使用TableView或ListView无法实现此布局，如何在标准StackLayout中呈现ViewCell (如示例图像中的Wi密码)？
浏览 3提问于2017-09-01得票数 0
可以使用getStaticProps在服务器端创建缓存结构并重新验证详细页面(/user/1)吗？或者，除了使用SWR或getServerSideRender?Isn't (它是多余的)以重新获取详细信息(/user/1)页面中的所有数据，没有其他选择吗？ params: { id: post.id }, return { paths }
export async f
浏览 2提问于2021-08-29得票数 1
回答已采纳
1回答
在页面构建前从prisma获取getStaticProps()的ID (段塞)
所以问题是我不能在getStaticProps中使用React。我本来打算用useRouter来获取弹状体的名字，然后使用片段(postID)查询post，但我了解到我不能在身体组件中运行prisma。然后我了解到，在构建之前，我可以使用getStaticProps和getStaticPaths查询帖子的ID。如何在getStaticProps中获得N级的弹状体名称？ad29e3cc67d9
浏览 5提问于2022-08-31得票数 0
回答已采纳
根据next.js的当前文档，通过向getStaticProps和getStaticPaths提供路由数据来处理动态路由。当在构建期间从数据库中获取路由数据时，什么概念将使我能够使用或不使用getStaticProps()和getStaticPaths()实现动态路由？
浏览 3提问于2020-10-03得票数 1
对于使用NextJS的用户，如何实现与react-router交换机行为相同的行为？ <Route .. for component 2 />这是如何通过NextJS实现的
浏览 2提问于2021-01-05得票数 0
1回答
在支持SSR的旧应用程序中。我可以在HOC组件中(而不是在页面中)使用getInitialProps函数，这样我就可以从HOC组件中的服务器和页面中获取数据。<ComposedComponent {...this.props} /> ); };但是在新版本的Next.js中，我找不到在特定组件中使用getStaticProps或getServerSideProps
浏览 2提问于2020-03-23得票数 17
我试图从一个API中获取数据，这个API根据URL的不同而变化，我试图用withRouter来实现它，但是它似乎在getStaticProps内部行不通。我目前有以下代码：const pageRequest = `http://localhost:3000{ json,}它回来了：
TypeError: Cannot read prope
浏览 3提问于2020-06-02得票数 9
回答已采纳
云服务器
ICP备案
云直播
即时通信 IM
实时音视频
腾讯云开发者
