我需要一个链接来根据当前页面有不同的文本

Question

我有一个有两页的网站。 单击导航链接时，我需要更改页面和导航链接名称。 我试过这个：

const [isClicked, setIsClicked] = useState(false);

const ClickHandler = () => {
    setIsClicked(!isClicked);
}

<NavLink to={isClicked ? '/' : '/profile'} onClick={ClickHandler}><NavPage>{isClicked ? 'Home': 'Profile'}</NavPage></NavLink>

但这向我显示了一个错误，当转到个人资料页面时。 链接名称和实际链接不会改变，只是页面发生了变化，必须再次点击它才能一切正常。

刷新个人资料页面时的另一个问题，链接名称再次变为个人资料，我希望它成为主页。

Answer 1

为了保持会话之间的链接，该值必须存储在 localStorage 或 cookie 中，因为现在它取决于状态。

也许通过道具传递目标链接会更好？