仅在一页上反应上下文更新

Question

请查看图片我正在使用一种语言上下文将我的应用程序与它的提供者包装在一起，并从 select 语言页面调用它，它在更新时在这个页面上工作正常，但在另一个页面上工作正常页面它仍然给出默认值，即空值。 我感谢任何帮助...

代码：https://m1id4.csb.app/

Answer 1

错误是由 link href 引起的 -> 这导致应用程序刷新 -> 将状态设置回初始状态

        <Link href="/page2">See Text</Link>

试试这些

        import { Link } from 'react-router-dom';

        <Link to="/page2">See Text</Link>

您更改语言的业务逻辑存在一些性能问题，因为您使用 json 文件更改了状态 这样怎么样

            {
                "hello": {
                    "en": "Hello",
                    "ar": "مرحباَ"
                }
                "text": {
                    "en": "Programmatic"
                    "ar": "الخاص"
                }
            }