跳至主要內容
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • 请教一个有关 react state 设计和使用的问题:如何更新了 state,但不触发页面更新,直到下一次重新打开网站?
未分類
21 10 月 2020

请教一个有关 react state 设计和使用的问题:如何更新了 state,但不触发页面更新,直到下一次重新打开网站?

请教一个有关 react state 设计和使用的问题:如何更新了 state,但不触发页面更新,直到下一次重新打开网站?

資深大佬 : yazoox 1

技术用的是 react, react-redux, and react-saga 那一套。

现在要做多语言支持,所以,用户设置里面有一项,语言设置 language settings. 默认是当前浏览器的语言 locale 。但是用户可以修改成自己想要使用的任何语言,比如 日文,俄语,中文,等等。

问题来了,在 settings 页面,用户选择了自定义的 locale 后,这个值我们是会保存下来的,是会更新 state 状态的,然后页面就刷新了。而且,刷新是多个页面刷新,不仅仅是当前设置页面。可是,我们不想这样,而是保持不变。直到用户下一次打开网站,重新加载时,发现 locale 使用了自定义的,然后使用新的语言。(因为有些功能,必须网站重新打开,初始化时加载,其它语言,才能够成功,也就是说,即使实时刷新页面,这个刷新是不完整的,可能会出问题)

想过添加一个临时的 flag,如果修改了语言设置,则设置为 1. 然后 react 刷新时,如果发现为 1,语言不变,还是上次的(那还得有添加一个 readonly 的 state,记录网站打开时的那个语言)。而且,state 的是 react engine 自动刷新的,没有太好的办法控制它。

特来请教一下大家,有没有比较成熟 /合适的方法。

大佬有話說 (9)

  • 資深大佬 : murmur

    那为什么要用 state 呢,做成常量不好么,每次更新只在后台变更配置,做成 state 就是要联动更新

  • 資深大佬 : shintendo

    缓缓打出了一个问号

  • 資深大佬 : vision1900

    SPA 怎么做到多页面的,在线等

  • 資深大佬 : yhxx

    语言存个 localstorage 不行吗?

  • 資深大佬 : source

    cookie,localstorage,你需要持久化存储,跟 react 跟框架没有任何关系,你写 jq 也是这个思路来实现

  • 資深大佬 : source

    详细一点就是,i18n 配置存在 localstorage 里,页面 init 的时候读取 localstorage 中的语言配置就完事了

  • 資深大佬 : 996icu007007

    @vision1900 多页面打包吗? 配个 webpack entery 啊 网上搜多的是

  • 資深大佬 : acfe

    用 localstorage 啊,或者把 locale 字段存到数据库里,下一次打开,再去调接口拿这个字段

  • 資深大佬 : GzhiYi

    单纯的 state 是没法持久化的

文章導覽

上一篇文章
下一篇文章

AD

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文

51la

4563博客

全新的繁體中文 WordPress 網站
返回頂端
本站採用 WordPress 建置 | 佈景主題採用 GretaThemes 所設計的 Memory
4563博客
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?
在這裡新增小工具