Next.js 获取数据的nextjs组件

本教程允许我从页面获取数据。组件如何取而代之地获取数据

我有要从中获取数据的组件。我该怎么做

---

您可以使用useEffect获取数据。另一方面，您可以从父组件获取数据并将数据传递给子组件

const Component = props => {
   // You can get data from parent component.
   const parentData = props.parentData

   useEffect(() => {
     // Fetch Data here when component first mounted
   }, [])
}

---

比如说。首先在pages文件夹中创建login.js页面，调用api和login.js，然后将数据传递到component文件夹中的logincomponent.js文件。这是在Next.js的组件中加载数据的正确方法。

---

另一种方法是使用不安全的组件willmount in component调用api。

这是否意味着在nextjs中，将徽标放入版面的正确方法是每次使用版面时都传递它？像这样：导出默认函数PageName（{logo}）{return（//content）；}在每页上都要传递这个道具感觉有点奇怪。如果你的logo在每页上都不一样，我认为你应该在每页中通过

props

传递它。另一方面，如果您的徽标在所有页面上都相同，则只能在

sitelaway

组件中定义徽标。在sitelaway中定义徽标的问题在于它不是静态生成的。如果硬编码，则在生成页面后加载。如果每次我得到静态生成时都作为道具传递，但这不是很好的代码。