nextjs组件获取数据

Question

本教程使我能够从页面获取数据。组件如何获取数据呢？

我具有要从中获取数据的组件。我怎样才能做到这一点？

https://nextjs.org/docs/basic-features/data-fetching#server-side-rendering

Answer 1

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

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

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

Answer 2

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