如果直接从index.js调用，则Nexjs getStaticProps / getInitialProps将通过work返回组件的未定义

文章/答案/技术大牛

发布

1回答

reactjs、next.js

我尝试这样做：，但我创建了一个新组件，而不是直接添加到index.js文件中。虽然教程中给出的内容对我有效，但如果我尝试使用单独的组件，getStaticProps或getInitialProps会返回undefined作为属性。我添加这个问题是因为我已经浪费了三天时间来了解它的根本原因，但仍然无法对其进行调试。下面是我的代码： _

浏览 11提问于2021-03-04得票数 0

回答已采纳

2回答

将this.props分解为组件

reactjs、next.js

/p> </Container> }我的问题是关于这句话：我的问题:这是怎么回事？

浏览 6提问于2020-07-02得票数 0

回答已采纳

1回答

如何在nextjs中添加全局组件列表

reactjs、next.js

我是Nextjs的新手，我想在Nextjs中的所有页面中添加一个组件和实用程序列表。如何使它们在我的组件中都可用，而无需一个一个地导入它们。此外，在getInitialProps函数中可能需要一些实用程序，比如axios或我的例子中的client of Apollo。我不希望有人为Nextjs.config编写一个完整的配置文件，只需要帮助我理解next更深层次的配置。提前谢谢

浏览 1提问于2020-03-20得票数 4

回答已采纳

2回答

NextJS:我从api json数据中得到了未定义的

javascript、reactjs、next.js

My Index.js (页面文件)import Link from "next/link"; </Head> </div>} 我<em

浏览 5提问于2020-11-11得票数 1

2回答

我尝试切换到一个功能组件，从getStaticProps()返回一个promise，切换到getServerSideProps()，并将目录读取代码包含到render方法中。前两种方法不起作用，因为除非组件是页面，否则getStaticProps()和getServerSideProps()永远不会被调用，并且在render方法中包含代码会失败，因为fs没有定义或可导入，因为代码可能在没有我还尝试将代码添加到_app.js中的

浏览 5提问于2020-09-02得票数 6

1回答

Next.js中的客户端和服务器端是什么？

javascript、reactjs、server、next.js

请您解释一下Next.js中客户端和服务器端的概念，就像他们在文档中提到的那样。我所知道的是，Next.js工作在react上，它是客户端并在浏览器中运行，服务器端是指api (后端)。谢谢在服务器端构建时调用此函数.它不会在客户端被调用，所以您甚至可以直接进行数据库查询。见“技术细节”一节。export async function getStaticProps() { const postsDirectory = p

浏览 4提问于2021-01-31得票数 0

3回答

NextJS一致地访问每个页面的请求对象

express、next.js

我可以对单个页面使用getServerSideProps，但不能通过_document或_app对每个页面使用。我该怎么安排呢？(req && req.user)}`) return {> <NextScript /> </ht

浏览 3提问于2020-06-08得票数 6

回答已采纳

1回答

如何为getInitialProps编写Jest测试？

javascript、reactjs、jestjs、next.js

static async getInitialProps({ query }) { let alert; const first = query.firstcontent = []; content, };我试图为这个逻辑编写测试，但是因为它是服务器端代码，所以我很难理解我是如何为它编写测试的，因为在实例()中它是不可用的。谷歌并没有在这方面给我指明方向，所以我想知道其他人是如何为getInitial道具编写测

浏览 1提问于2019-10-21得票数 11

回答已采纳

1回答

我可以始终使用this.props从操作中调用函数吗？

redux、react-redux

我正在做一个Redux教程，但是不理解其中的一些内容。/actions';export default connect(null, actions)(CommentBox);this.props.saveComment(this.state.comment);

浏览 0提问于2017-06-26得票数 1

回答已采纳

7回答

NextJS: getInitialProps方法

javascript、reactjs、next.js

使用NextJS并看到了一个页面示例： static async getInitialProps(context) {{}; render() { }export default withRouter(IndexPage); getInitialProps

浏览 1提问于2018-09-02得票数 7

回答已采纳

1回答

使用NextJS对类组件和getInitialProps进行SSR处理，呈现方法有未定义的数据

javascript、reactjs、next.js、server-side-rendering

id=123".I am使用第三方库从服务器获取数据，因此我必须使用承诺获得数据，我需要使用类组件而不是功能组件(其他原因不能转移到功能组件)。我希望所有呈现都发生在服务器上，而不是客户机上。我不清楚如何在"getInitialProps“中调用第三方库中的异步方法并返回数据。我所做的一切都没有用，谷歌搜索也没有帮助。getData“中的逻辑直接放在" getI

浏览 3提问于2020-02-20得票数 2

回答已采纳

3回答

getInitialProps永远不会得到called...what我做错了吗？

reactjs、next.js

我是React和Next.js的新手，所以请耐心点。但我已经花了三个小时寻找，我无论如何也找不出我在这里做错了什么。 return { test:

浏览 1提问于2018-07-13得票数 16

1回答

NextJS如何调用导航栏中的动态内容

reactjs、next.js、navbar、server-side-rendering

我正在创建一个使用NextJS和Strapi作为CMS的网站。我想编辑来自Strapi的导航栏链接。页数：当我的布局组件将页面包装在_app.js中时，我不知

浏览 1提问于2021-04-01得票数 1

回答已采纳

2回答

next.js mapStateToProps，mapDispatchToProps和getInitialProps

reactjs、redux、react-redux、next.js

我看了几个例子和实践，现在有了一个基于其中一个例子的计数器组件。，或者仅在getInitialProps中执行分派操作。在我的用户配置文件组件中，我根据来自redux存储的令牌获取当前用户，如下所示： <Layout title，如果没有mapStateToProps，页面就不会反映这一点。但是，将关注点分散到两个独立的函数上似

浏览 1提问于2018-09-25得票数 1

回答已采纳

1回答

Nuxt 2:在预览模式下，vuex getter不工作。

javascript、nuxt.js、vuex

当处于预览模式(@ )时，Vuex getter似乎无法工作，至少对于获取的数据是这样的。直接从存储区访问数据是可行的。通过getter访问数据，getter然后从存储区调用相同的代码，返回未定义的数据。数据是通过nuxtServerInit获取的(从技术上讲，使用axios)，但如果我将其更改为从模板中<e

浏览 13提问于2022-08-19得票数 0

2回答

Nextjs和上下文API

reactjs、next.js、react-context

我和Next.js一起工作，在getInitialProps中获取数据之后，尝试将数据保存在上下文API状态中，以修复道具钻取。但是由于getInitialProps是一种静态方法，所以我们不能通过this.context访问它。我设法将它们保存在componentDidMount中，但在这种情况下，在第一个页面加载时上下文状态是空的，直到它填充。不知道在这种情况下最好的做法是什么。在哪一个生命周期中，我应该将初始数据保存到上下文中，以便像道具传递一样立即保存它们？

浏览 2提问于2019-01-10得票数 23

1回答

您应该如何在使用getServerSideProps进行路由转换时获取客户端数据？

next.js

在中现在写着：如果您使用的是Next.js 9.3或更高版本，我们建议您使用getStaticProps或getServerSideProps而不是getInitialProps。问题是：getInitialProps不只是在服务器端提供道具。它还在客户端上运行，并在路由转换时提供支持。在初始服务器呈现之后，如果路由更改，getInitialProps将在客户端上运行。那么，9.3中引入的新方法如何解释这个非常基本的用例呢？

浏览 7提问于2020-04-05得票数 5

回答已采纳

2回答

如何干净地处理nextjs getStaticProps中的错误

javascript、reactjs、next.js

我现在非常忙着构建我的第一个Next.JS应用程序(Next和Strapi)。现在一切都在工作，但我很好奇在使用getStaticProps时实现错误处理的最佳方法是什么。我自己尝试了一些东西(传递多个道具等等)，但都没有工作(典型的非序列化JSON错误)。我想要实现的是页面本身(例如/about)上没有发现数据的错误消息。附带错误消息(statusCode)。我希望这是可能的，我做了很多研究并发现：这个。但这不是我要找的。

浏览 4提问于2021-04-19得票数 7

回答已采纳

1回答

在react.js中处理未定义的道具的最好方法是什么？

javascript、reactjs、react-redux

假设我有一个在页面加载时被分派的操作，比如在index.js文件中。store.dispatch(loadData());{this.props.object.key.map(k => do something)} 现在，由于key是未定义的，如果我在它上面调用map，我就会崩溃。我处理这个问题的方法是使用一个

浏览 0提问于2016-09-08得票数 15

回答已采纳

10回答

错误:如何序列化来自getStaticProps的数据: Next.js

javascript、reactjs、ecmascript-6、next.js

我正在使用Next.js，我试图访问数据，但得到了这个错误：import { getAllBusinessProfiles } from '../..))} ); export async function <

浏览 1提问于2021-02-09得票数 10

点击加载更多