在 React 中，如何跨文件共享组件的状态？

一个前端项目，采用的是 React + Mobx，因为我的项目太大，就拆成许多文件分开管理，各级组件之间相互嵌套。对接 API 的过程中，Webpack Server 上去每次都是白屏，一看控制台发现请求根本就没有发出去，整个 JS 加载时间已经超过了 20 秒，初步怀疑是回源时间的缘故，但是静态加载是很快的，又开始怀疑是状态管理的问题：

我有两个问题：

1. MobX 等状态管理的文章基本都讲的是在一个文件里面管理状态，如果是需要在不同的文件之间使用相同的状态管理，应该如何操作？是使用 Context 吗？

2. 状态管理分发操作的时候，是应该将请求全部放在操作里面，还是先请求数据，再利用获取的数据操作状态？