前端新手,之前没怎么用过 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 中的属于特例。再或者我们的页面需求比较奇葩???
谢谢