Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 使下一个js页面组件持久化/同时呈现多个页面_Reactjs_Next.js - Fatal编程技术网

Reactjs 使下一个js页面组件持久化/同时呈现多个页面

Reactjs 使下一个js页面组件持久化/同时呈现多个页面,reactjs,next.js,Reactjs,Next.js,我正在尝试构建一个应用程序,它利用nextjs的SSG功能,同时显示多个页面组件。每个组件都应该是静态的,并带有自己的数据 问题是,当调用第二个页面组件的路由时,我不知道如何持久化第一个页面组件。把它放在州里是可行的,但根据react文档,这不是一个好主意。当然,我可以简单地从页面的道具中获取数据,并让客户端呈现组件,但这个解决方案并没有充分利用SSG 我制作了一个codesandbox,通过将页面置于布局组件的状态来显示我试图实现的目标: 有没有一种方法可以在不使用状态的情况下实现我想要做的

我正在尝试构建一个应用程序,它利用nextjs的SSG功能,同时显示多个页面组件。每个组件都应该是静态的,并带有自己的数据

问题是,当调用第二个页面组件的路由时,我不知道如何持久化第一个页面组件。把它放在州里是可行的,但根据react文档,这不是一个好主意。当然,我可以简单地从页面的道具中获取数据,并让客户端呈现组件,但这个解决方案并没有充分利用SSG

我制作了一个codesandbox,通过将页面置于布局组件的状态来显示我试图实现的目标:

有没有一种方法可以在不使用状态的情况下实现我想要做的事情? 或者以这种方式使用状态是可行的例外? 还是我完全走错了方向


任何帮助都将不胜感激

下一步不是这样的。其次是对路由的固执己见。你想要的是像CRA这样更灵活的东西谢谢你的回答。我想我需要像“react static”这样的东西来实现SSG和create react app?