reactjs 带有next.js的1页应用程序

nkhmeac6  于 2022-12-12  发布在  React
关注(0)|答案(1)|浏览(114)

嘿,我正在构建一个只有1个页面没有路由的项目,现在我想使用getStaticProps,所以我可以使用getStaticProps的唯一方法是在我的页面/index.tsx中,它有点烦人,因为index.tsx越来越大,有什么方法可以防止这种情况?而且仍然有一个单页项目?
我尝试创建新的组件,如- pages/options,并在那里使用getStaticProps,并在pages/index中呈现页面/选项,但数据没有显示,我认为这不是一个好的做法。

hgc7kmma

hgc7kmma1#

对于标记,我建议将页面分解为显示组件(只呈现数据的组件),并从页面中向它们传递属性。

import { fetchProps } from "../lib/fetchProps";

// ...

export const getStaticProps = fetchProps;

相关问题