react项目切换窗口就会自动调用接口

最新推荐文章于 2023-06-02 11:37:24 发布
最新推荐文章于 2023-06-02 11:37:24 发布
阅读量574 收藏
点赞数 1
分类专栏： react 问题 BUG 文章标签： react.js 前端 前端框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39818813/article/details/126154237
版权
BUG 同时被 3 个专栏收录
85 篇文章 0 订阅
订阅专栏
问题
73 篇文章 0 订阅
订阅专栏
react
51 篇文章 2 订阅
订阅专栏

问题：

目前的项目使用的是react+ice+ant-pro，在做一个表格页面的时候使用了proTable组件，使用后发现，从其它窗口切换到本项目所在的窗口就会自动调用接口。

原因：

proTable默认设置了一个属性：

  • revalidateOnFocus：窗口聚焦时自动重新请求，值默认为true

所以要解决这个问题，就需要手动配置这个属性值为false

南城夏季
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
react 兄弟组件如何调用对方的方法示例
10-17
主要介绍了react 兄弟组件如何调用对方的方法示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
react如何实现刷新功能
chensong8331的博客
01-04 8325
通过一种取巧的方法来实现这个刷新功能。我通过切换月份触发一个全局的状态，告诉父级组件页面要刷新，这时候父级组件的一个方法就会被触发，其实就是***路由跳转***。我通过页面的props.history拿到当前页面的路由地址，然后在路由后面加上当前时间戳，让页面跳转到一个不存在的页面，同时还触发一个setTimeout的定时器，在跳转之后让其在很短的时间内跳回来，这样react自己就会在跳出页面后卸载掉页面。
关于React的正确打开方式（一）
专注在前端的路上人
04-08 3832
关于React的正确打开方式(一)
React路由的详解
ZZZ___jh的博客
07-30 293
React路由路由SPA概念优点缺点SPA的页面切换机制前端路由React Router基于Web的React Router安装组件BrowserRouter 组件HashRouter 组件Route组件path属性component属性exact属性Link组件作用:to属性传递props动态路由NavLink组件activeStyleactiveClassNameisActiveSwitch组件Redirect组件withRouter组件(高阶组件, 高阶函数,高阶路由)hooks (Router5.0
react项目实现调接口拿到数据到页面使用
最新发布
m0_71519607的博客
06-02 1372
axios.get 方法返回一个 Promise 对象，我们可以在 then 方法中处理响应数据，并使用 setState 方法更新组件的 state。此外，我们还需要使用 useState 方法初始化组件的 state，setState 方法来更新组件的 state。在上面的示例中，我们使用了 React 的 hooks，其中 useState 用于初始化 state，useEffect 用于在组件挂载后发起网络请求。
深入浅出之 swr
weixin_46961967的博客
12-04 1278
——点击上方蓝色字体,关注我哦~——欢迎加我微信(A18814127)，拉你进技术群，长期交流学习...前言&目录SWR 作为一个基于 react hook 的请求库, 目前 ...
react-React模版项目
08-15
"React模版项目"是一个基于React的初始开发框架，旨在提供一个快速启动的起点，它包括了现代Web开发所需的多种工具和库，如Webpack 3、React Router 4、ESLint、Prettier以及Ant Design。 Webpack 3是一个流行的...
【 React 项目 】- 电影项目
02-04
- **React Router**：为了实现页面间的跳转，项目中会使用React Router库。它允许我们在不刷新整个页面的情况下导航到不同的URL，提供路由配置和组件化的路由。 4. **API接口调用** - **获取电影数据**：项目可能...
使用IDEA创建的一个简单的react项目
07-25
- IDEA将自动执行`create-react-app`命令，生成一个基础的React项目结构。 2. **项目结构** - `demo-react01`：这是你的项目主目录，包含所有源代码、配置文件等。 - `node_modules`：这个目录存储了项目依赖的...
React图片百叶窗切换特效
07-24
在本文中，我们将深入探讨如何使用React来实现一个图片百叶窗切换特效，这是一种常见的用于增强用户体验的视觉效果，尤其适用于展示全屏的旅游城市景点图片。这种效果通过模拟百叶窗的开合，使图片在切换时呈现出...
react 刷新页面 默认执行点击事件
qq_35363709的博客
01-19 1572
、、刷新页面执行 <button onClick={test()}>点击</button> const test=() => { console.log('事件执行。。。') }) 、、点击按钮执行 <button onClick={()=>test()}>点击</button> const test=() => { console.log('事件执行。。。') ...
React 路由组件选择与页面刷新问题分析
本博客纯属个人网络笔记，如对阁下有用，甚喜；否则，关掉即可，不喜勿喷。专心写代码，不做键盘侠！
01-19 1754
总结最近 React 开发遇到的几个问题及解决过程。
React-api配置
weixin_61687046的博客
11-30 1649
react-api配置
react生命周期请求数据实现切换页面内容
m0_71933813的博客
12-10 246
react生命周期请求数据实现切换页面内容，挂载阶段 componentDidMount: 组件装载之后调用，此时可以获取到DOM节点并操作，比如对canvas，svg的操作，服务器请求，订阅都可以写在这个里面，但是记得在componentWillUnmount中取消订阅 更新阶段 getDerivedStateFromProps: 此方法在更新个挂载阶段都可能会调用 shouldComponentUpdate: shouldComponentUpdate(nextProps, nextStat
react hooks-页面实时刷新（setInterval）
Realizee的博客
08-10 7836
页面实时刷新一般用定时器（setInterval（））实现 1. 页面使用定时器一定要记得清除。 2. useEffect 的数组依赖不要忘记，不然只执行一次。 3. 也可以使用useRef（为了避免setInterval变量形成闭包）.........
React+Hooks组件刷新
weixin_67150966的博客
05-24 1810
例如： initialValues修改时，组件BaseInfoUpdata理论上应该随之刷新。但有时候，组件并未随之刷新。有可能我们的变量存储的是state的地址而不是值。理论上，执行了setState()的方法更新过state，组件就会刷新。二是创建一个冗余变量refresh，来强制刷新。一是如参考网址中的，修改state存储的值。可以在在useEffcet中 ，用es6方式。
React-组件刷新问题(函数组件)
m0_55944215的博客
11-26 5473
React 函数组件执行了setState，但是没有触发更新。
关于动态切换接口和页面的请求头
m0_63498341的博客
10-14 119
判断当前location.host是否包含location，如果包含则是本地，可以指定本地时的请求头，不包含说明在服务器上，则用location.host就行，
react怎么在页面加载后立即调用接口渲染数据
04-07
你可以在React组件的componentDidMount生命周期函数中调用接口并渲染数据。例如： ``` class MyComponent extends React.Component { constructor(props) { super(props); this.state = { data: null, }; } ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值