nextjs 组件获取数据

Lou*_*ost 6 next.js

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

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

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

bcj*_*ohn 2

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

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

   useEffect(() => {
     // Fetch Data here when component first mounted
   }, [])
}
Run Code Online (Sandbox Code Playgroud)

  • 这是否意味着在 nextjs 中将徽标放入布局的正确方法是每次使用布局时传递它?像这样:export default function PageName({ logo }) { return ( <SiteLayout logo={logo}> // content </SiteLayout> ); 必须在每个页面上传递该道具感觉有点奇怪。 (4认同)