前端新手，之前没怎么用过 React，这两天在试着用 Ant Design Pro 重构下内部的一个 WEB 系统，有一些疑问请大家帮忙解解惑。
基本的认识：
页面布局放在 routes 里，基础组件放在 components 里。所有的远程调用都在 routes 内调用 dispatch，数据通过 props 传给子组件，子组件操作逻辑如果有触发远程调用的需求，都通过调用 props 传入的 routes 页面函数来触发。
比如这个页面的逻辑，就是这样的。 https://preview.pro.ant.design/#/list/table-list
现在有个疑问，如果子组件通过 modal 再调用一个新的子组件，而且这个调用层次可能是 2 层、3 层或更多。这种情况上面我理解的这种模式显得非常麻烦了
为什么不在每个基础组件内直接发起远程数据请求呢，比如 componentDidMount 函数中。这样做我感觉唯一的缺点就是请求来的数据父组件不能用了
还是说，正常逻辑就应该这么做，Ant Design Pro 中的属于特例。再或者我们的页面需求比较奇葩？？？
谢谢