如何解决通过NextJs导航将道具传递到组件,而无需其他库
我是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组件上。
预先感谢
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。