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

Reactjs 如何使用默认的react状态作为状态提供程序,而不是redux或mobx?,reactjs,redux,react-router,react-router-v4,mobx,Reactjs,Redux,React Router,React Router V4,Mobx,当我尝试用react路由器连接redux和用react路由器连接mobx时,我感到非常疲劳。我还尝试用路由器的renderfunc连接顶级状态,但由于路由器不刷新,该方法将失败。我的状态管理要求非常简单,我觉得redux或mobx太过了。我真正需要的是一个顶级状态提供程序,它的行为就像任何其他组件级状态一样,并使用回调来操作它 整个上午,我一直在谷歌上搜索和寻找不同的解决方案,但是,我找不到一个可以使用react路由器(v4)的默认react状态的现成解决方案 有没有可行的解决方案?或者,当涉及

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

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


有没有可行的解决方案?或者,当涉及到react路由器的状态时,这确实是不可能做到的事情?

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

如果使用来自
mobx-react
包的
包装器组件,则所有子组件都可以使用
@inject
访问该存储。与
@observer
结合使用时,任何依赖于您的商店的组件都将在您更改时更新

查看我创建的这个代码沙盒示例,以便向您展示: