如何解决next.js中的浅路由
请帮帮我。为什么在console.log中更改了“类型”,但在“查询:Object.assign({mostInspiringImageCategory:type},router.query)”中却没有更改?
const showMostInspiringImageType = async (type: React.SetStateAction<string>) => {
await setMostInspiringImageType(type)
await router.push({
pathname: `/home-page`,query: Object.assign({mostInspiringImageCategory: type},router.query)
},undefined,{shallow: true})
await console.log(type)
}
在组件中 ....
<ul className="galleryMenu">
{fileTypesCategories.fileTypes.map(f => {
return <li key={f.id} onClick={() => showMostInspiringImageType(f.name)}>
<Link href="">
<a href="" className="mostInspiringImagesGalleryMenuLink"
style={{backgroundColor: "#fff"}}>
{f.name}
</a>
</Link>
</li>
})}
</ul>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。