Fatal编程技术网
  • javascript/
  • Javascript 如何处理Redux/React-Redux UI中的UI状态？

Javascript 如何处理Redux/React-Redux UI中的UI状态？

javascript reactjs

Javascript 如何处理Redux/React-Redux UI中的UI状态？,javascript,reactjs,state,state-management,Javascript,Reactjs,State,State Management,我正在研究存储UI状态的最佳方法是什么，我是否应该使用ReduxUI（）之类的工具来存储/管理UI状态？或者我应该为UI创建自己的操作/简化程序吗 还有。。。 存储UI状态后，如何确保浏览器已刷新，但页面状态仍完全相同？就像一个普通的网页包含从服务器获取的数据一样 我用thunk middle wear实施了Redux和一家商店。到目前为止，我已经与React合作了几个月 谢谢！ 昆顿我们的团队为此花了几天时间。我们想要UI状态而不是将这些状态放在Redux的状态树中的原因可能是： 这些UI状态

我正在研究存储UI状态的最佳方法是什么，我是否应该使用ReduxUI（）之类的工具来存储/管理UI状态？或者我应该为UI创建自己的操作/简化程序吗

还有。。。 存储UI状态后，如何确保浏览器已刷新，但页面状态仍完全相同？就像一个普通的网页包含从服务器获取的数据一样

我用thunk middle wear实施了Redux和一家商店。到目前为止，我已经与React合作了几个月

谢谢！
昆顿

我们的团队为此花了几天时间。我们想要UI状态而不是将这些状态放在Redux的状态树中的原因可能是：

  • 这些UI状态只与极少数组件相关。但有时我们需要在他们之间分享这些国家。例如，一个按钮控制一个模态，它们都需要读/写'isModalOpen'状态

  • 这些状态不是数据，它们是UI首选项，在卸载组件时可以将它们重置为默认值。把它们放在单一的Redux商店听起来像是在污染州树

    • 我们尝试：

  • 仅为UI创建单独的redux状态树
  • 为所有“UI”状态添加一个主分支，如“state.UI”
    • 然而，所有这些都涉及到必须使用/实现定制中间件、操作和简化程序。很难

    最后，我做了一个决定。它工作得非常好。它唯一的缺点是，您无法在浏览器控制台中轻松地看到像Redux树中的状态这样的ui状态。您只能通过UI（用户操作事件回调）更新状态。这是公平的，我们谈论的是UI状态。

    我不知道
    redux UI
    但您可以使用将状态存储在
    localStorage
    或
    localfour