Reactjs 当我更改语言时，如何阻止React应用程序重新渲染？

我有三页：首页，关于，推荐信。当我浏览到About或Conditional并将语言从英语改为韩语时(한국어), 在重新呈现整个页面并返回到我的英文主页之前，该页面将英文文本简要翻译为韩文。我希望能够转到“关于英文”页面，单击한국어 将网页从英语翻译成韩语，并停留在韩语关于网页上

如何阻止每次更改语言时重新呈现页面

我的

英格


한국어

这是在

components/Header.js中。在我做了这个更改之后，它似乎工作得很好，它被转换为所有锚定标记到
s。只是一个解决方法，它不用于生产，但正确的解决方案应该在这些行的某个地方。


英格


한국어



这是在
components/Header.js
中。在我做了这个更改后，它似乎工作得很好，将所有锚定标记转换为
s。只是一个解决方法，它不用于生产，但正确的解决方案应该在这些行的某个地方。
这是我的解决方案

在header.js中，更换锚固件（ENG和한국어) 使用链接并移除href道具。
anchor可以重新加载给定的href URL，我们不需要它。
这是我的解决方案

在header.js中，更换锚固件（ENG和한국어) 使用链接并移除href道具。
anchor的作用是重新加载给定的href URL，我们不需要它。
似乎它在codesandbox中工作得很好，没有像我看到的那样重新呈现整个页面。.似乎它在codesandbox中工作得很好，没有像我看到的那样重新呈现整个页面。.有什么原因我不应该使用此解决方案吗？它被认为是不好的吗练习或有任何不良副作用吗？我想如果你在
组件中使用
href
而不是
to
属性，就会出现警告。因此，如果你反对警告，这个警告当然是在你使用CRA的情况下。另外，我认为只要改变整个语义标记，就会有更好的解决方案up，不应该是go to元素，只是一个下拉列表，用户希望使用哪种语言比较好（个人偏好）。有什么原因我不应该使用这个解决方案吗？这被认为是不好的做法还是有任何不良的副作用？我想如果你在
组件中使用
href
而不是
to
属性，就会发出警告。因此，如果你反对警告，那么这个警告当然是在使用CRA。另外，我认为re是一个更好的解决方案，只需更改整个语义标记，而不应是这里的go-to元素，只需一个下拉列表，用户希望使用哪种语言（个人偏好）。
<ul>
        <li className="nav-languages">
          <Link
            className={
              context.state.language === "en" ? "link-active" : "link"
            }
            onClick={context.changeLanguage}
            data-language="en"
            href="/#"
          >
            ENG
          </Link>
        </li>
        <li className="nav-languages">
          <Link
            className={
              context.state.language === "kr" ? "link-active" : "link"
            }
            onClick={context.changeLanguage}
            data-language="kr"
            href="/#"
          >
            한국어
          </Link>
        </li>
      </ul>