nextjs组件获取数据

Question

本教程允许我从页面获取数据。组件如何取回数据呢？

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

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

Answer 1

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

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页面，然后在login.js中调用api，然后将数据传递到component文件夹中的logincomponent.js文件。在Next.js的组件中加载数据是一种很好的方式。另一种方法是在组件中使用UNSAFE_componentWillMount来调用接口。