ant design pro 中 组建的history属性由来

最新推荐文章于 2022-12-28 09:57:48 发布
最新推荐文章于 2022-12-28 09:57:48 发布
阅读量1k 收藏
点赞数
分类专栏： react ant design-react
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jjw_zyfx/article/details/91369563
版权

 

因为只有在.umi/router.js中找到了<Router history={window.g_history}> 这个一句，所以猜测4处获取的history是通过1处传递的,但是现在还是不太清楚Router中的history是通过何中方式挂载到组件中的props属性上的,但是只要是经过router.config.js这个文件中的路由的组件都能在其组件中获取到history属性

绿框中如果想要用到history其实可以通过组件传值的形式传过去如下：

jjw_zyfx
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ant design pro动态菜单
10-08
自己写的ant design pro动态菜单，不足请指正，互相学习借鉴！
browserHistory和hashHistory的差别，以及history
qq_29854831的博客
03-21 1万+
原文链接：点击打开链接一：对比这两个方式：    无论是react，dva,还是antd pro，前端路由使用的是react router，所有可以选择两种方式：browserHistory和hashHistory。两者的区别简单来说是对路由方式的处理不一样，hashHistory 是以 # 后面的路径进行处理，通过 HTML 5 History 进行前端路由管理，而 browserHistory...
ANTD PRO （ts版）使用经验总结
Bannerparter的博客
08-08 2500
富文本的使用不能与form 表单混合使用，因为无法给富文本添加默认值，所以不能用 form.iTem标签包裹，自己再改一下样式以及空数据判定即可。首先先将接口返回的数据利用递归转换成树形结构，因为 table 组件自动识别数据中的children属性，所以，转换过后直接引入到表格组件中即可。这里需要注意的是，编辑、添加等事件的点击事件需要按照指定格式进行绑定，否则点击不生效且点击展开表格全部触发。需要注意的是，二级菜单 path 前必须要有一级菜单的地址前缀，否则在页面将不显示！然后选择umi的版本。...
antd state使用_antd design pro的用法
weixin_39850365的博客
12-21 792
antd design pro的用法namespace:state:effects:reducer:拿回数据需要做的事情：model中写namespace(全局的state的名字)/state(全局state中的属性)/effects(发起请求拿回数据，触发reducer改变state)/reducer(改变数据)/subscriptions(监控路由的变化,键盘输入，地理位置，返回一个函数)mo...
Ant design pro使用(二):配置路由
好气嗷，但仍要保持微笑!
11-09 2454
ant design pro的路由配置在 config/config.ts 中 pages中创建组件 2.配置路由 //import {BasicLayout,UserLayout} from '@/layouts'//这种方法会报错不能识别@/layouts模块 rotes:[ { path:'/user', component:'../layouts/UserLayout',//如果不使用模板 layout:false routes:[
react的ant design pro更改history模式
weixin_43990106的博客
08-05 1957
由于ant design pro默认使用的是browser模式，发布到线上环境后，刷新浏览器后出现404(页面未找到)，而在本地环境怎么刷新都是正常的。所以就上网各种查资料，原来需要将history设置为hash模式就正常了。 1、设置history为hash config config.ts export default defineConfig({ history: { type:'hash' } }) 2、设置成功，部署后刷新浏览器能找到页面了，但是出现新的问题了，原来的菜单选
vue-router规则下 history模式在iis服务器上配置(antdpro build打包部署后,刷新404的解决方法)
qq_44939011的博客
09-23 954
问题： Antd design pro of vue打包之后（运行build命令），部署在服务器上。运行没问题，但是刷新浏览器会报404错误。 原因： 大概率可能是vue-router使用了history模式。Antd design pro of vue默认就是用history模式。 vue-router路由解释：（ hash 路由和 history 路由的详细内容请自行查阅资料） 我们在使用 Vue 或者 React 等前端渲染时，通常会有 hash 路由和 history 路由两种路由方式。 ha
Ant Design Pro：设置哈希hash路由
闪电⚡之王的博客简介
12-28 563
在项目根目录下config/config.js文件下添加以下属性:hash:true,
umi改为路由改为hash模式，Ant Design Pro Components的ProLayout 菜单不出来了
weixin_45081839的博客
08-04 5785
umi改为路由改为hash模式，Ant Design Pro Components的ProLayout 菜单不出来了 最近写的项目，用的Umi+Ant Design Pro Components,项目基本开发完成到了上线的时候发现，不启用路由的hash模式会导致在项目的子页面刷新会404（使用的nginx）。 最开始我看其他人的解决方案是这样 在nginx上做配置，使nginx的指向指到index.html，但是我自己尝试后并没有成功（应该是我自己的原因，没弄好) location / {
ant-design-pro 使用总结—自定义打包 构建配置
热门推荐
liusaint1992的专栏
11-04 3万+
ant-design-pro使用了umi.js，没有直接使用webpack，我们要配置自定义的构建打包跟直接的webpack配置不太一样。 首先，大部分的webpack打包配置都可以直接修改config/config.js来实现,比如 proxy，publicPath等。参考umi.js配置文档。https://umijs.org/zh/config/#基本配置。 这里记录一些针对性的配置。 ha...
ant design4.40 web组件库 ant design pro后台模板库（精细-完整）
12-26
Ant Design 是基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。 ant design4.40-web组件库 是基于Axure ，参考Ant Design 的样式而设计的一套模板库，是产品经理必备套件库，Ant Design...
基于 Ant Design of Vue 实现的 Ant Design Pro 源码
12-29
基于 Ant Design of Vue 实现的 Ant Design Pro 源码 安装依赖 npm install 开发模式运行 npm run serve 编译项目 npm run build
Ant Design Pro 下实现文件下载的实现代码
10-15
主要介绍了Ant Design Pro 下实现文件下载的实现代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
react 页面加载完成后自动执行标签的点击事件
jjw_zyfx的博客
05-09 1万+
当刚进入页面时react并没有自动加载路由,因为没有设置只是设置了key,所以并没有加载 用到了ant design的layout组件,代码设置如下: 第一种操作dom的方法: 但是想让页面加载完成后自动点击link这个标签,然后加载home的组件,方法有这么几种: componentDidMount() { if (window.location.hash.split('/')[...
react render中进行if判断
jjw_zyfx的博客
05-09 1万+
在render中进行if条件判断然后加载相应的模块进行渲染方法如下 第一种: 第二种:
input is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`.
jjw_zyfx的博客
05-25 7718
学react的时候有个input标签用styled-components进行渲染报了这样的错 我的代码是这样的： 最后发现其实报错的说明已经说得很清楚了就是创造出来的input标签需要这样写 写一个闭合的标签即可 最近发现还是可以这样写的，之前的这个错误不知道为啥，现在不报了 ...
ant design pro 发送post请求参数为object的解决方法
jjw_zyfx的博客
07-29 7106
解决方法有如下两种： 第一种就是将对象类型变成字符串类型 第二种就是 在看所带的参数就可以了如下; 其实还可以在utils/request.js中进行全局配置，不过2019年7月1日升级后的ant design pro 有点XX,不好改 ...
.js和.jsx的区别
jjw_zyfx的博客
09-10 5763
我现在理解的区别就是 .js可以用来做为模块来使用 .jsx一般作为组件来使用，但是js也可以用来作为组件使用也是没问题的
Warning: Can't perform a React state update on an unmounted component. This is a no-
jjw_zyfx的博客
05-09 4824
react 中报此异常根源为: 根源就是这个setTimeout函数解决方法就是添加上下面这段代码: componentWillUnmount() { this.setState = (state, callback) => { return; }; } ...
ant design pro中配置history: 'hash'
最新发布
07-09
在 Ant Design Pro 中配置 history 为 'hash'，可以使用配置文件 config/config.js 进行设置。在该文件中，可以找到以下代码片段： ```javascript export default { history: { type: 'browser', // 可选值为 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值