typescript - 为什么Mobx中需要react context、createContext、useContext、useStore
问题描述
我在我的 Typescript 应用程序中使用 Mobx 进行持久性,并且我有自己的商店单例类:
export class MyStore {
@observable something;
@observable somethingElse;
}
export myStore:MyStore = new MyStore();
这是在文件“data/store/MyStore”中。所以在我所有的组件中,为什么我不能这样做:
import { myStore } from "data/store/MyStore";
我不能只导入 myStore 并使用它吗?
为什么我必须使用 createContext 和 useStore 遍历所有 troble 操作系统才能获取商店?我可以通过导入它来获得它。我错过了什么?
解决方案
是的你可以。将这种方法与单例商店一起使用是完全可以的。
Context
, Provider
,inject
和其他东西主要用于测试目的(因为它更容易模拟商店,Provider
像某种依赖注入一样工作)或用于服务器端渲染。如果您不需要任何这些,那么您可以完全跳过它。
推荐阅读
- vuejs3 - 使用 Vue3 创建带有 API 输出的子菜单
- jwt - 如何在nestjs中设置更多“jwt”AuthGuard?
- reactjs - 如何在 AppRoutes.jsx 文件中使用可选属性?
- javascript - Vue3 中的货币转换器功能
- selenium - 如何为以下元素编写多语言电子商务网站的通用 Xpath 或 CSS
- c++ - 不能使用 rpath 进行交叉编译
- php - 如何在路由 YAML 中使用 PHP 常量
- django - DRF 序列化程序:IntegrityError:FOREIGN KEY 约束失败
- reactjs - 从属性内部的属性调用多个图像
- multithreading - 多线程处理中线程切换需要多长时间?