如何使用默认的React状态作为状态提供者,而不是redux或mobx?

mklgxw1f  于 2022-11-12  发布在  React
关注(0)|答案(2)|浏览(156)

当我尝试用react路由器连接redux和用react路由器连接mobx时,我感到很疲劳。我还尝试用路由器的render函数连接一个顶级状态,但是由于路由器不刷新,我的状态管理需求是相当简单的,我觉得redux或mobx是大材小用。我真正需要的是一个顶级的-级别状态提供程序,其行为就像任何其他组件级别状态一样,并使用回调来操作它。
整个上午,我一直在谷歌上搜索和寻找不同的解决方案,但是,我找不到一个现成的解决方案与默认的React状态,可以与React路由器(v4)。
有没有一个解决方案可用?或者它真的是不可能做的事情,当谈到国家与React路由器?

0ejtzxu1

0ejtzxu11#

你是如何设置Mobx的?也许你想太多了。你可以设置一个顶级的可观察对象,它几乎模仿了标准的组件状态,但具有React式编程的所有好处。
如果使用mobx-react包中的<Provider> Package 组件,则所有使用@inject的子组件都可以访问该存储区。与@observer结合使用时,任何依赖于您的存储区的组件都将在您更改时更新。
请查看我创建的这个代码沙箱示例,以向您展示这一点:https://codesandbox.io/s/jzv73o97r5

0sgqnhkj

0sgqnhkj2#

您可以尝试使用React Router v6,它有一些乐观方法来实现此目的

相关问题