当前位置: 首页 > 面试题库 >

Next.js:ComponentWillMount与getInitialProps

呼延学
2023-03-14
问题内容

我正在将Next.js用于我的React应用程序,因为它具有服务器端渲染。正如我检查的日志,这两种方法ComponentWillMount,并getInitialProps在服务器端运行两者。这些方法之间有什么区别吗?

ComponentWillMount什么时候应该跑步getInitialProps?什么时候应该跑步?

我看不到Next.js提及此事。


问题答案:

GetInitialProps

  1. GetInitialProps通常是一个异步函数,该函数对服务器上的异步操作很有用,并将数据作为道具传递给页面。

  2. 在Next.js中,它始终在服务器上运行,如果使用链接调用页面,则仅在客户端调用它。

  3. 它只能在页面中使用,而不能在组件中使用。

ComponentWillMount

  1. 这是一个救生钩。在调用render方法之前调用它。在其中获取的数据不能作为道具传递。

  2. 既可以在组件中也可以在页面中调用它。这不是进行异步调用的好地方,因为它不等待异步操作完成。因此,如果它在服务器上运行并且在其中写入了异步操作,它将无法完成,并且会在不获取数据的情况下进入客户端。



 类似资料:
  • 在C语言中,假设每个算法被赋予完全相同的一组进程,那么先到先得、最短作业优先和循环之间的周转时间是否相等?还是调度算法不同?

  • 问题内容: 为了为 HTML5 Doctype 定义字符集,我应该使用哪种表示法? 短: 长: 问题答案: 在HTML5中,它们是等效的。使用较短的一个,更容易记住和键入。浏览器支持很好,因为它是为向后兼容而设计的。

  • 连接的多个输入都相当于Yes的时候才会输出Yes。 用法 Your browser does not support the video tag. 案例:小闹钟 功能:今天15:10:00,响起猫叫声小闹钟 工作原理 当所有的输入都是Yes的时候,与节点才输出Yes。

  • 问题内容: 似乎有三种 相同的 方法可以独立于平台获取依赖于平台的“文件分隔符”: 我们如何决定何时使用哪个? 它们之间甚至有什么区别吗? 问题答案: 可以通过调用命令行参数或使用命令行参数覆盖 获取默认文件系统的分隔符。 获取默认文件系统。 获取文件系统的分隔符。请注意,作为一种实例方法,在需要代码在一个JVM中对多个文件系统进行操作的情况下,可以使用该方法将不同的文件系统传递给代码(而不是默认

  • 问题内容: 我今天刚刚与一些同事讨论了python的db-api fetchone vs fetchmany vs fetchall。 我确定每个应用程序的用例都取决于我正在使用的db-api的实现,但是总的来说,fetchone,fetchmany,fetchall的用例是什么? 换句话说,以下等效项是什么?还是其中之一比其他人更受青睐?如果是这样,在哪些情况下? 问题答案: 我认为这确实取决于