qq_37124515的博客

问题解决webpack.config.js配置 publicPath 为 / output: { filename: `js/[name]${isDev ? '' : '.[fullhash:8]'}.js`, path: path.resolve(PROJECT_PATH, './dist'), publicPath: '/' },webpack 开发环境配置 historyApiFallback 为truedevServer:{ historyAp

组件卸载时和原来的componentWillUnmount一样的用法, 在useEffect return里调用就可以了 useEffect(() => { window.addEventListener('click', clickFunc); return () => { window.removeEventListener('click', clickFunc); }; });组件使用过程中当组件不涉及重新渲染时了, 像这么写完全没问题,

工具方法导出excel下载 npm install xlsx// 定义方法/** * 导出excel * @param column 表头 * @param list 数据 * @param title 标题 */ exportExcel<V, T>(column: V, list: T[], title: string) { const json = list.map((item: T) => { return Ob

安装依赖: yarn add postcss-aspect-ratio-mini postcss-preset-env postcss-cssnext postcss-flexbugs-fixes postcss-loader postcss-px-to-viewport postcss-viewport-units postcss-write-svg -D根目录创建 postcss.config.js/* * @Description: * @version: * @Author: 周凯 .

搭建基础布局参考资料: 地址

报错解决[Ant Design] Warning: Instance created by useForm is not connected to any Form element. Forget to pass form prop?问题 antd: 4.2.0, react: 16.13.1，Modal 中使用 Form ，使用 React Hooks const [form] = Form.useForm(); 创建实例时，会出现以下警告。原因: Modal 挂载的 HTML 节点默认为 d

踩坑记录动态引入import()变量失效问题， import不能导入变量字符串的路径问题因为webpack的现在的实现方式不能实现完全动态，所以可以通过字符串模板来提供部分信息给webpack，如下/** * 根据已经获取的菜单组合需要生成的路由 * @param list 数据 * @param parentPath 父级的路径，组合子级可访问路径 */const combinationRouting = (list: Menus[], parentPath?: string) =&

常见错误Warning: Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()?在使用react封装了一个公用组件时，组件中使用了connect连接redux后的组件，然后其他地方引用该组件后就提示以上警告，虽然不影响使用，但看着不舒服。解决方法：导出组件时使用：export default connect(