代码之家 › 专栏 › 技术社区 › ey dee ey em

如何使用默认的react state作为状态提供程序,而不是redux或mobx?

mobx react-router-v4 react-router redux reactjs

ey dee ey em · 技术社区 · 8 年前

当我尝试用react router连接redux和用react router连接mobx时,我感到非常疲劳。我还试图用路由器的 render 但由于路由器不刷新,该方法将失败。我的状态管理要求相当简单,我觉得redux或mobx有些过头了。我真正需要的是一个顶级状态提供程序,它的作用就像任何其他组件级状态一样,并使用回调来操作它。

一上午我一直在谷歌上搜索不同的解决方案,但是,我找不到一个可以使用react路由器(v4)的默认react状态的现成解决方案。

有可用的解决方案吗?或者当涉及到react路由器时,这真的是不可能做到的事情?

1 回复 | 直到 8 年前

hampusohlsson 8 年前

你是怎么安装Mobx的?也许你想得太多了。您可以设置一个顶级可观察对象,该对象几乎模拟标准组件状态,但具有反应式编程的所有优点。

如果您使用 <Provider> 来自的包装器组件 mobx-react 您的所有子组件都可以使用 @inject @observer 任何依赖于商店的组件都将在您更改时更新。

查看我创建的这个代码沙盒示例,为您展示这一点: https://codesandbox.io/s/jzv73o97r5

推荐文章

zuZuu · React Redux-无法设置未定义的属性(设置“value”)

3 年前

universe11 · 对伊默来说,这是正确的还是错误的?

4 年前

Huy282002 · 将redux toolkit与JS一起使用时,不能跳过在CreateSicle()中键入状态

4 年前

Mistakamikaze · React Redux |在全局Redux状态之前更新本地状态

4 年前

Kiv Daor · 当某些项具有未知值时,排序数组无法正常工作

4 年前

Chong Lip Phang · 不变性检查中间件在Redux工具包中做什么?

4 年前

geyser · React Redux toolkit-输入字段的状态管理

4 年前

Avishay Matayev · 正在获取redux的connect HOC的包装组件类型,以便与React一起使用。在不重新导入的情况下重新创建对象

4 年前

Hamed Ezati · 为什么项目会附加到redux而不是替换?

4 年前

Arash jahan bakhshan · redux未使用React 18重新呈现组件

4 年前