antd design pro v5如何支持多页签tab？

公司项目经过调研后，决定使用antd design pro v5 react版本，但是V5默认没有多页签tab,不符合产品要求。 于是官网各种Issues找，大家对V5不支持多页签吐槽比较多 github.com/ant-design/… 终于在一个Issues中找到一个解决办法： github.com/ant-design/…

github.com/fangzhengji… 使用方法：

1. npm i umi-plugin-panel-tabs --save
2. config.js中配置panelTab

panelTab: {
    use404: true,
    useAuth: true,
    autoI18n: true,
    tabsLimit: 10,
    tabsLimitWait: 500,
    tabsLimitWarnTitle: 'panelTab.tabsLimitWarnTitle',
    tabsLimitWarnContent: 'panelTab.tabsLimitWarnTitle',
},

3. 删除 .umi临时文件，重启 不删除 .umi 会报错，反正我是遇到了这个问题
4. 此插件在config.js中的的国际化配置如下

    tabsLimitWarnTitle: 'panelTab.tabsLimitWarnTitle',
    tabsLimitWarnContent: 'panelTab.tabsLimitWarnTitle',

最终效果：

问题

1. 删除 .umi临时文件，解决运行报错问题
2. 作者建议用TS，因为umi-plugin-panel-tabs插件是使用ts写的，有可能会有意外错误 （但是我自己用的js，没有发现太大问题）
3. 有的页面会出现多个tabs条的问题，应该是属于bug 作者回复： github.com/fangzhengji…

总结：

1. antd design pro v5还是有很多坑要踩的(多页签、菜单权限、角色、字典等等)，官方好像对于多页签tab是有抵触情绪的，不建议对antd design pro v5不是很熟悉的情况下，直接用于公司项目，先用低版本吧。
2. 关于框架调研需要再细致一点，不要盲目信任官网或者各种广告，一定要选最适合自己项目的框架，还需要考虑团队现状和意愿。
3. antd design pro v5关于页面缓存配置问题还需研究下
4. 遇到问题多去github官网提Issues，能帮助快速解决或了解问题根源