react ant design路由配置
最初的时候，只使用了antd中的menu，header和footer都是自己写的组件，在写路由时，总是报如下错误：
相关的路由配置如下：
在网上查的说是组件未暴露出去或者是return 这一行必须有个括号或者标签，我检查了我自己的代码，以上两项都没有问题。不知道改如何解决这个问题。
于是采用antd的layout布局，直接在webpack的入口文件的位置，配置相关的路由即可，如下：
但这样的话就把所有的路由写到了一个文件里，感觉很复杂，而且在这个文件里还要写头部的一些配置和布局，还要引入其他的组件，很繁琐。
最好是可以将路由配置写成一个模块再引入，下一次需要配置时直接在模块中修改添加即可，但是具体应该如何写这个模块，暂未在网上找到相关的教学资料，待以后再优化。
更多专业前端知识，请上 【猿2048】www.mk2048.com
react ant design路由配置相关推荐
- React Ant design pro 访问服务器接口，获取数据显示
React Ant design pro 访问服务器接口 一.前两天更新了Ant design pro环境搭建,需要了解的小伙伴可以看一下之前的内容,还有react基础教程噢. 二.框架搭建完后,一般 ...
- 使用create-react-app搭建TypeScript+React+Ant Design开发环境
一.使用create-react-app创建一个支持TypeScript+React的开发环境: 要创建一个支持TypeScript的Create React App项目,可以运行: npx crea ...
- react ant design pro typescript springboot activiti权限、工作流框架
是什么? 使用springboot,activiti,mybatis,react,ant design pro,typescript 开发的后台管理系统(包含权限管理.工作流等功能),真正前后端分离的 ...
- 【React自制全家桶】一、Webstrom+React+Ant Design+echarts搭建react项目
前言 一.React是Facebook推出的一个前端框架,之前被用于著名的社交媒体Instagram中,后来由于取得了不错的反响,于是Facebook决定将其开源.出身名门的React也不负众望,成功 ...
- React + Ant Design Pro项目实现keep-alive页签
背景 PC端管理系统,采用 ant design pro 方案,它是阿里的一个管理系统框架,技术栈是react. 相比vue,react一个先天不足是不支持 keep-alive,所以管理系统中的多页 ...
- React Ant Design Menu导航菜单跳转
昨天小编在学习React使用Ant Design Menu导航菜单时,发现Ant Design4.2版本之后的 Menu 导航菜单更新了写法.新写法不再需要自行拼接 JSX,直接采用数组写法直接用 i ...
- React Ant Design注意项
一.增加模块之后需要改动的文件汇总 1.在\src\routes里面加对应业务的文件夹. 2.\src\routes\index.js 主路由配置--通过url找到该模块 3.\src\routes ...
- React Ant Design 通过 DatePicker获取一周的起止时间
项目中遇到了选择周获取当前周的周一和周日的日期 直接看用的组件Ant Design 这是写的代码 <Space direction="vertical"><Dat ...
- react + ant design InputNumber在form.item中 如何设置格式 比如 KG，CM
第一种:只有一个符号格式,比如￥, $, %, &, 等等.参考antdesign 官网 参考链接:https://ant.design/components/input-number-cn/ ...
最新文章
- java 调用webservice的各种方法总结
- 时空特征--Learning Spatiotemporal Features with 3D Convolutional Networks
- (0027)iOS 开发之调整导航条上BarButtonItem与屏幕边界的间距
- tcm可信密码模块linux,基于可信密码模块的可信电子签名终端设计与实现
- JAVA泛型知识（一）
- EWORD 0513
- html盒子自动居中,css盒子怎么居中？
- C++语言引用的介绍和示例
- oracle计算两个日期的时间差时分秒
- 【转载】TreeView序列化，TreeView串行化，TreeView反序列化 c# winform
- php中 被遗忘的函数
- 2020 中青杯数学建模思路+代码
- android自动化 模拟器,Android模拟器入门[转]
- 永久删除计算机文件怎么操作步骤,如何彻底删除电脑中的文件 永久删除文件方法...
- 空气质量预报模式系统（CMAQ）
- Bug、Defect（缺陷）、Error、Fault、Exception的区别
- 伺服驱动器的工作原理及伺服驱动器的常见接线方法
- 基于matlab的BCH编译码算法原理介绍与仿真分析
- JSR-330 JAVA 依赖注入标准API说明
- 贵州支教之第三天（11月9日）