![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
文章平均质量分 70
qq_37751687
这个作者很懒,什么都没留下…
展开
-
微前端子应用中fetchjsonp请求跨域与超时的解决办法与原理探索
面对的问题: 这是一个在微前端项目中遇到的问题。问题是子应用Sub内的jsonp请求在运行时出现跨域。众所周知,jsonp请求是解决跨域的其中一种方式,但是为什么在微前端中使用了jsonp却还是出现跨域问题? 这是简单的项目结构示意。 解决方案 先说解决方案,之后再一起研究达到这个方案的解决路径。下面2个图分别是解决前后的两套代码。 解决前,Sub使用自身import的fetchJsonp方法进行请求出现跨域。 2. 解决后,Main向Sub传入自身的fetchjsonp方法,同时设置exclud原创 2021-09-28 16:59:02 · 2834 阅读 · 2 评论 -
react中跳转链接后自动滚动到某一个位置时候遇到的坑
需求描述:下面圈出来的是我们的一个置顶的导航tab。点击后能滚动到不同模块。现在想做的是进到页面后直接跳转到房源相册模块。//点击跳转函数 handleNavClick = (index: number, id?: string) => { const theHeight = $(id)?.offset()?.top; scrollTo(0, theHeight ? theHeight - 48 : 0); this.state.curNavIndex != index &a.原创 2021-06-15 19:38:05 · 517 阅读 · 0 评论 -
react生命周期
旧版 <16.0.0 constructor 初始化阶段 严禁setState componentWillMount 会造成很多bug,新版中被移除 render 返回一个虚拟dom,会被挂载到虚拟dom树,最终渲染到真实dom中 不可能只运行一次,只要需要重新渲染,就会重新运行 严禁使用setState,会造成无限递归渲染 componentDidMount 只会执行一次 可以使用setState 通常情况下会将网络请求,启动定时器等一开始需要的操作写到这个函数中 组件进入活跃状态(时原创 2020-07-17 11:13:30 · 151 阅读 · 0 评论