首页 > 其他分享 >react项目中遇到的小问题汇总

react项目中遇到的小问题汇总

时间:2023-03-16 15:58:58浏览次数:29  
标签:定时器 遇到 formData 汇总 timer react 销毁 tab 组件

sessionStorage在刷新的时候不会销毁,在窗口关闭的时候才销毁

默认情况下,useEffect在每次渲染之后执行

文件上传
上传文件通过form表单拿到的数据是解析后的,
直接拿Upload.Dragger组件里的文件,调用接口的时候再用formData包裹
上传单个文件,

let formData = new FormData();
formData.append('file', fileStream);

上传多个文件,

let formData = new FormData();
for(let file of fileList){
formData.append('files', file);
}

函数组件中使用定时器
当前函数组件为一个页面,包含两个tab页,每个tab页中有一个列表,每分钟都需要请求一次接口,更新列表数据。
在该组件中使用定时器实现每分钟发送一次请求,切换tab页时重新启用定时器,获取当前tab页的数据,组件卸载时,销毁定时器
定时器timer定义在函数组件内部,切换tab页时不会销毁上一个timer,因为两个timer不是同一个
需要把timer定义在函数组件外部,这样切换tab页时销毁的timer才是上一个创建的timer
函数组件每次渲染都会全部重新执行一遍

标签:定时器,遇到,formData,汇总,timer,react,销毁,tab,组件
From: https://www.cnblogs.com/qiaorr101/p/17222882.html

相关文章

  • React之useEffect简记
    一.作用useEffectHook相当于componentDidMount,componentDidUpdate和componentWillUnmount这三个reactclass的生命周期函数的组合。componentDidMount:组件挂载;compone......
  • 如何快速生成一个react的前端项目?
     要快速生成一个React前端项目,可以使用脚手架工具来进行创建。最常用的脚手架工具是CreateReactApp。首先,你需要确保在本地已经安装了Node.js和npm(或者yarn)。......
  • CSS常用样式汇总
    1、清除浮动<div class="parent clearfix">    <div class="left child">left</div>    <div class="right child">right</div>.clearfix:after { ......
  • VUE的setup、ref、reactive和代理数据的使用
    一.VUE的setup、ref、reactive和代理数据的使用1.1setup和ref先来实现一个简单的点击按钮,数字增加的案例:需求:页面打开后可以直接看到一个数据,点击按钮后,该数据可以发生......
  • nginx+lua+openresty+kafka相关问题汇总
    这里使用的是kafka插件是doujiang大佬的https://github.com/doujiang24/lua-resty-kafka,版本为v0.2.0。应用场景在nginx转发中,记录非200请求的信息,遂打算在log_by_lua*中......
  • WEB前端开发-蚂蚁金服电话面试-React
        记录一下自己面试的感触,上周投了杭州的蚂蚁金服,然后第二天早上的时候,就收到了面试的邀请,晚上7点到9点等待面试,自己心里面还是慌慌的,当时自己在上班,下午一下班就......
  • 一些不常遇到的C++知识总结
    explicit防止隐式转换C++提供了关键字explicit,可以阻止不应该允许的经过转换构造函数进行的隐式转换的发生,声明为explicit的构造函数不能在隐式转换中使用。C++中,一个......
  • fabricjs方法常用汇总
    官网:http://fabricjs.com/fabricjs为canvas的一个操作插件,功能较为齐全,下面为常用的知识点//1:获得画布上的所有对象:varitems=canvas.getObjects();//2:设置画......
  • abap 字符串判断汇总
    判断是否为纯数字 CALLFUNCTION'NUMERIC_CHECK'EXPORTINGstring_in=gs_scr-zbarcodeIMPORTING*STRING_OUT=htype=lv......
  • VS CODE运行DJango项目中遇到:{无法加载文件 D:\code\python_project\virtualenv\e
    如题在vscode中在切换python解释器(输入之前创建的虚拟环境的解释器路径)后,打开控制板会报一下错误:无法加载文件D:\code\python_project\virtualenv\env-py3.8.2\Scripts......