hsl947/react-antd-multi-tabs-admin

ts+react+antd-多页签后台模板(纯净版，非 antd pro！)

Hi there 👋 , I'm Souleigh, a Frontend Developer 🚀 from China.

Languages and Tools

Html	Css	JavaScript	Es6	TypeScript	Nodejs	Vue	React

react-antd-multi-tabs-admin's Issues

我把所有的包都更新后。发现customize-cra使用有问题，亮白主题皮肤不正常了。

你好兄弟
我把所有的包都更新后。发现customize-cra使用有问题，亮白主题皮肤不正常了。
还有就是你系统管理这块，可不可以把用户、角色、权限、菜单功能都完善一下呢？

eslint配置的有问题

这样做多tab功能，当页面元素多了是否会卡顿

我粗略看了看你的demo、从dom上看使用tab直接实现的缓存？就只是显示隐藏吗，这样页面内容多了是否会很卡顿？毕竟后台管理系统表格几百上千条数据也是常有的？（用了虚拟滚动也要保证首次渲染要100+），是否考虑类似vue一样缓存虚拟dom、通过位移api计算渲染？（想用你的框架、但是我的项目已经使用antd pro写太多了。。难受，想进来借鉴一下多tab的**的，但好像不是我想要的，如果你的实现了，下个项目考虑使用你的框架，挺好的，挺简洁的）

为什么我的项目里配置alias无效呢？

// webpack.config.js
module.exports = override(
//增加路径别名的处理
addWebpackAlias({
'@': path.resolve('src')
}),
// ...
)
tsconfig.json文件里与你做了同样的配置，但是我的react-scripts版本是5.0.1

lodash这个包异常

我没有安装这个包，为什么analyze包分析里面会存在打包了lodash这个库啊

可否做些依赖升级？！

Feature request（新功能建议）

拷贝项目到本地后安装依赖，本地项目运行不了😂

依据提示在.env文件中新增了SKIP_PREFLIGHT_CHECK=true 方才启动项目😊

报错提示：

支持你 ant pro是真的重 越来越难用了

大佬，动态主题这一块是怎么做的，希望Readme可以讲解一下

热更新以后,页面点不动

Bug report（问题描述）

热更新以后,页面点不动

Steps to reproduce（问题复现步骤）

Screenshot or Gif（截图或动态图）

Other relevant information（格外信息）

• Your OS: mac
• Your broswer version:

请问如何能支持动态路由参数呢？

我们现在需要用到通过地址栏动态路由来传递参数，这样方便后面打开一个别的页面后，刷新该tab，谢谢！

换肤

Feature request（新功能建议）

关于换肤的话 antd现在是有这个功能了 你可以看一下文档
https://ant.design/docs/react/customize-theme-variable-cn

子标签页同时关闭两个

Bug report（问题描述）

Steps to reproduce（问题复现步骤）

Screenshot or Gif（截图或动态图）

Other relevant information（格外信息）

• Your OS: Windows
• Your broswer version: Chrome, Mircosoft Edge

多标签模式是否可以变为 可选能力

Feature request（新功能建议）

多标签模式是否可以变为 可选能力

怎么去掉主题切换，默认亮白，我修改了本地启动是亮白，build后默认是黑色主题，请教一下怎么修改呢

Question（提问）

Steps to reproduce（问题复现步骤）

Screenshot or Gif（截图或动态图）

Other relevant information（格外信息）

• Your OS:
• Your broswer version:

是否把react等相关升级到18，其它无关依赖去掉

Feature request（新功能建议）

现在很多依赖的组件在npm下都安装不成功。

你好，此项目有考虑加一个混合菜单吗，顶部是一级菜单，左侧是二级菜单

具体想法就是pro的混合菜单模式

redux数据本地缓存

默认你是用storage的，怎么换成session

导航栏切换主题颜色时并未跟随切换

Bug report（问题描述）

Steps to reproduce（问题复现步骤）

Screenshot or Gif（截图或动态图）

Other relevant information（格外信息）

• Your OS: mac air 2021
• Your broswer version: Chrome119

你的项目目前不支持ie11 能适配吗

Bug report（问题描述）

Steps to reproduce（问题复现步骤）

Screenshot or Gif（截图或动态图）

Other relevant information（格外信息）

• Your OS:
• Your broswer version:

大佬 怎么关闭顶部的菜单 显示到左侧啊 不习惯顶部菜单

大佬 怎么关闭顶部的菜单 显示到左侧啊 不习惯顶部菜单

Please help upgrade to antd version 5.0

Feature request（新功能建议）

想要默认主题为亮白，是需要改哪里

antd升级到4.7.0之后，主题颜色为亮白的时候，tab的颜色有点问题

建议文档写详细点

Feature request（新功能建议）

比如路由权限的思路可以介绍的详细点，纯开代码有点累，毕竟不知道你的思路的。假如文档把思路写出来了，然后再跟着代码看逻辑的话要好点

遇到一个问题

大佬，您好，我在学习您 的项目的时候遇到了一个问题，在使用redux的时候，我尝试使用react hooks来操作redux，我在使用useSelector来订阅store的时候，我无法获取到state里的值

我在控制台中获取到的值是

这里可以看到，在redux-logger，state里是存在该值的，请问一下这个是啥问题？

请问分页器无效是什么原因呢

分页器无效

无论选20条/页还是50条/页，列表都只能显示10条/页。

启动报错

D:/Workspace/前端项目/base-react-ts-hooks/src/components/common/myUpload/index.tsx
TypeScript error in D:/Workspace/前端项目/base-react-ts-hooks/src/components/common/myUpload/index.tsx(65,6):
Type '{ children: Element; action: string; onStart: () => void; customRequest({ file, filename }: { file: any; filename: any; }): false | { abort(): void; }; className: string; listType: "picture-card"; showUploadList: false; }' is not assignable to type 'UploadProps'.
Types of property 'customRequest' are incompatible.
Type '({ file, filename }: { file: any; filename: any; }) => false | { abort(): void; }' is not assignable to type '(options: UploadRequestOption) => void'.
Types of parameters '__0' and 'options' are incompatible.
Type 'UploadRequestOption' is not assignable to type '{ file: any; filename: any; }'.
Property 'filename' is optional in type 'UploadRequestOption' but required in type '{ file: any; filename: any; }'. TS2322

63 | 
64 |   return (

65 | <Upload
| ^
66 | className="avatar-uploader"
67 | listType="picture-card"
68 | showUploadList={false}

希望能发布一个React Hooks版本的

npm install error

Bug report（问题描述）

npm install error

npm ERR! Could not resolve dependency:
npm ERR! peer react-redux@"^4.0.0 || ^5.0.0 || ^6.0.0" from [email protected]

Fix method

npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps

最好可以解决一下npm 依赖的问题

关闭左侧导航栏后文字消失

Bug report（问题描述）

Steps to reproduce（问题复现步骤）

Screenshot or Gif（截图或动态图）

Other relevant information（格外信息）

• Your OS:
• Your broswer version:

tabPanes可以控制不缓存嘛？

我想达到的是点击左侧菜单栏进入页面不缓存，页面会重新获取请求。点击tabPanes菜单时，页面走缓存

在ant-design-pro 怎么使用，希望出一个小例子

Feature request（新功能建议）

看到这个样式真的很棒，由于项目中用的是 ant-design-pro , 不知如何改造了，求大神指教

请问支持微前端qiankun吗？

##请问支持微前端qiankun吗？

菜单无法展开

为啥当菜单局部在左侧时，菜单栏无法展开？

Website loading so slow it take 10s for the first time use. Please help enhance performance. Thanks

Bug report（问题描述）

Steps to reproduce（问题复现步骤）

Screenshot or Gif（截图或动态图）

Other relevant information（格外信息）

• Your OS:
• Your broswer version:

怎么设置默认主题为亮白主题？

作者，您好！

我个人因为视力不好，喜欢亮白主题色。
请问设置默认主题色为亮白色？

谢谢！

代码有错误提示

Question（提问）

App.tsx代码有报错提示：spread 类型只能从对象类型创建。

这个需要怎么修改

好像并没有实现关于 /user/:id 这种动态路由匹配

Feature request（新功能建议）

好像并没有实现关于 /user/:id 这种动态路由匹配

右键菜单功能失效

右键菜单功能失效

Steps to reproduce（问题复现步骤）

鼠标右键菜单事件被阻止，无法弹出原生菜单

代码里添加了路由后页面不显示当前添加的路由

Question（提问）

Steps to reproduce（问题复现步骤）

Screenshot or Gif（截图或动态图）

Other relevant information（格外信息）

• Your OS:
• Your broswer version:

日间样式指向二级菜单显示的时候会出现白色盒子永久残留

Bug report（问题描述）

Steps to reproduce（问题复现步骤）

Screenshot or Gif（截图或动态图）

Other relevant information（格外信息）

• Your OS:
• Your broswer version:

npm install error

Bug report（问题描述）

error Couldn't find package "immutable@*" required by "draft-js-multidecorators@^1.0.0" on the "npm" registry.

Steps to reproduce（问题复现步骤）

Screenshot or Gif（截图或动态图）

Other relevant information（格外信息）

• Your OS:
• Your broswer version:

怎么添加一个webpack进度条

addWebpackPlugin这个api怎么使用啊？没有看到你有用这个api