通过NextJs导航将道具传递到组件,而无需其他库

时间:2020-08-16 14:29:02

标签: reactjs react-hooks next.js

我是NextJS的新手,它试图了解是否可以在不安装其他库的情况下实现。

我有一个Form组件,该组件经过验证和onSubmit之后,我想从当前页面(“ /”)导航到新页面(“ / NewPage”)。我知道我可以使用next的Link或router.push(“ / NewPage”)来做到这一点。

我想将道具从Form组件传递到MyPage页面组件,如果没有react / reach路由器,这似乎不可行吗?我只想将以Form组件状态保存的经过验证的表单数据作为props发送到MyPage组件,以便将结果呈现在新页面上。

通过阅读这篇文章,我得到了一个关于使用useContext / useReducer模仿全局状态而不在此处实现Redux的想法:https://codeburst.io/global-state-with-react-hooks-and-context-api-87019cc4f2cf

但是在dispatch上似乎并没有更新状态,或者MyPage组件没有完全接收到状态。

我在此沙箱中有一些伪代码和布局,以供参考:Sandbox

作为参考,我希望能够上载具有原始来源(即来自Wiki的维基百科)的图像,并将其呈现在Results / NewPage组件上。

预先感谢

0 个答案:

没有答案
相关问题