1、全局配置在global.less文件添加如下配置。/*定义滚动条高宽及背景高宽分别对应横竖滚动条的尺寸*/::-webkit-scrollbar{width:5px;height:10px;}/*定义滑块内阴影+圆角*/::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2);border-radius:10px;}/*定义滚动条轨道内阴影+圆角*/::-webkit-scrollbar-track{border-radius:10px;}2、局部配置.sectionLeft&#12...

本文介绍如何将ant-design-pro的版本由react16升级到react17。1、升级react版本npminstall--savereact@17.0.22、升级react-dom版本npminstall--savereact-dom@17.0.23、升级types/react版本npminstall--save-dev@types/react@17.0.374、升级types/react-dom版本npminstall--save-dev@types/react-dom@17.0.11

1、错误提示​Warning:ReactdoesnotrecognizethedisableValueproponaDOMelement.IfyouintentionallywantittoappearintheDOMasacustomattribute,spellitaslowercasedisablevalueinstead.Ifyouaccidentallypasseditfromaparentcomponent,removeitfromtheDOMelement。2、原因分析​这是React不能识别dom元素上的非标准attribute报出的警告，最终的渲染结果中React会移除这些非...

​本文主要介绍如何在React中使用puppeteer给你讲实现e2e自动化测试。e2e端到端测试也叫冒烟测试，用于测试真实浏览器环境下前端应用的流程和表现，相当于代替人工去操作应用。1、引入puppeteer组件​引入puppeteer作为E2E测试的工具，puppeteer是GoogleChrome团队官方的无界面（Headless）Chrome工具。它默认使用chrome/chromium作为浏览器环境运行你的应用，并且提供了非常语义化的API来描述业务逻辑。importpuppeteerfrom'puppeteer';2、编写测试用例​例如：实现输入错误的用户名和密码进行登录，预期结果...