Reactjs 在React Next js应用程序中单击链接时，如何传递打开第二个材质UI选项卡的状态

我在菜单中有一个链接，如下所示：

 <ListItem button component="a" href="/messages" onClick={(e) => handleClick}> 
  <ListItemText primary="Sent" />
</ListItem>

我可能需要使用useffect将tabState设置为存储在诸如cookie之类的存储器中的值。我知道我可以用cookie做这件事

const [tabState, setTabState] = useState(cookies.messageTabState);

但我在这里问，如果没有cookies，是否有一种更简单的方法可以做到这一点，比如从侧边栏菜单的列表项中传递一些东西

我的handleClick函数什么都不做，因为我不知道如何让它在链接到的页面上设置状态

---

注意：我不使用React router，因为Next js有一个路由器。

你可以使用道具将数据从一个页面传递到另一个页面，或者重新复制到mainatin状态。

你能为此提供一个代码沙盒吗？@bertdida当然，让我来制作一个。谢谢

const [tabState, setTabState] = useState(cookies.messageTabState);