V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
React
yazoox
V2EX  ›  React

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

  •  
  •   yazoox · 38 天前 · 953 次点击
    这是一个创建于 38 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

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

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

    10 条回复    2020-11-12 11:47:32 +08:00
    murmur
        1
    murmur   38 天前
    那为什么要用 state 呢,做成常量不好么,每次更新只在后台变更配置,做成 state 就是要联动更新
    shintendo
        2
    shintendo   38 天前
    缓缓打出了一个问号
    vision1900
        3
    vision1900   38 天前
    SPA 怎么做到多页面的,在线等
    yhxx
        4
    yhxx   38 天前
    语言存个 localstorage 不行吗?
    source
        5
    source   38 天前
    cookie,localstorage,你需要持久化存储,跟 react 跟框架没有任何关系,你写 jq 也是这个思路来实现
    source
        6
    source   38 天前
    详细一点就是,i18n 配置存在 localstorage 里,页面 init 的时候读取 localstorage 中的语言配置就完事了
    996icu007007
        7
    996icu007007   38 天前
    @vision1900 多页面打包吗? 配个 webpack entery 啊 网上搜多的是
    acfe
        8
    acfe   37 天前
    用 localstorage 啊,或者把 locale 字段存到数据库里,下一次打开,再去调接口拿这个字段
    GzhiYi
        9
    GzhiYi   37 天前 via iPhone
    单纯的 state 是没法持久化的
    baxtergu
        10
    baxtergu   21 天前
    把语言切换的状态做成持久化的,只在加载应用的时候读取一次然后递给应用最外层的 Provider 。
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   4479 人在线   最高记录 5298   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 16ms · UTC 09:50 · PVG 17:50 · LAX 01:50 · JFK 04:50
    ♥ Do have faith in what you're doing.