关于多标签页的，有个问题想问一下

kuhami / react-ant

（基于pro 2.0）基于Ant Design Pro 的 (多标签页tabs、拖拽、富文本、拾色器、多功能table、多选Select)

https://kuhami.github.io/react-ant/

MIT License

284 stars 54 forks source link

关于多标签页的，有个问题想问一下 #13

Closed houjunjie closed 5 years ago

houjunjie commented 5 years ago

你实现的多标签页，是如何做到切换tab的时候，页面不会重新刷新的。

也就是切换的时候，Component不会销毁，是因为你的Component都是DynamicComponent吗？

如果是这样原因的话，那我如何把Component都变成DynamicComponent。

我用的也是umi，但我的路由不是配置路由

kuhami commented 5 years ago

我利用了antd 的 Tabs组件，把每个每个页面当作一个Component来加载的详情：#8

houjunjie commented 5 years ago

@kuhami 这个我知道，主要是当我切换tabs的时候，只有当前的TabPane是有内容的，其他的TabPane都会被清空，这个不是很理解。跟这个项目类似 https://github.com/LANIF-UI/dva-boot-admin

kuhami commented 5 years ago

你看看 Tabs组件是怎样用的，主要运用了对tabs 增加，删除。demo 你的那个应该是刷新了路由

houjunjie commented 5 years ago

谢谢，你给了我很好的思路！

我看了一下，你这个demo也是会出现我那个问题的。tabs切换的时候组件会重新加载。

不过这个确实因为react route 的原因，因为react route有3个渲染的方法，分别是 component，render，children，children方法加载组件的时候，切换tabs组件是不会重新加载的，然后页面的请求不放到dva的subscriptions里面，放到componentDidMount这个生命周期去加载数据，就可以解决我的问题了

kuhami commented 5 years ago

共勉

lyy199212 commented 2 years ago

我也会出现这个问题呢

用render和children也不好使