React18中useEffect执行两次

　　什么是严格模式
　　strict mode就是一个工具，用来检查应用中可能存在的问题。 严格模式只会在生产环境下运行，在开发环境下它是没有影响的。import React from ＂react＂;  function ExampleApplication() {   return (                                                                               ); } 复制代码
　　你可以用React.StrictMode包裹你想要检查的应用，没有包裹的应用是不会受到影响的。比如上述的代码中组件是不会受到严格模式的作用的，只有我们包裹的和才会受到严格模式的影响。严格模式的作用
　　严格模式会进行如下的检查识别不安全的生命周期，比如componentWillMount。后面升级成了componentDidMount
　　对ref这个API以前版本的检查，希望你换成新的版本findDOMNode被弃用的警告检测意外的副作用发现context过期的API确保可重复使用的stateReact官方文档中给出了一个例子，意思应该是说如果我们从路由A跳转到路由B，再从路由B返回去的时候。 React希望立即展示原来的状态，也就我可以把A的状态缓存起来，那么我们返回的时候就可以根据缓存中的状态立刻渲染出来。 复制代码为什么React将useEffect设置为执行两次
　　刚刚我们提到，React 将支持使用卸载前已有的组件状态重新挂载到树上。但需要组件对多次挂载和销毁的副作用具有弹性。这里需要我们好好理解React中的副作用，笔者也还没有完全理解这句话的意思，但是我们可以根据React官方文档给出的例子来好好理解useEffect的使用场景，然后再回来理解这句话表达的含义。
　　意思好像是如果React不将Effect设置成执行两次，那么React在做这方面优化的时候可能会引发一些问题。并且这些问题并不会让开发者注意到，所以React将Effect设置成执行两次，就是为了让问题提前暴露出来。React还认为Effect执行两次在大部分情况下是没有问题的
　　非严格模式* React mounts the component. //挂载组件   * Layout effects are created. //layout执行   * Effects are created. //Effects执行 复制代码
　　严格模式* React mounts the component. //挂载组件     * Layout effects are created. //layout执行     * Effect effects are created. // Effects执行 * React simulates effects being destroyed on a mounted component. //React模拟组件销毁     * Layout effects are destroyed. // layout销毁     * Effects are destroyed.       // Effects销毁 * React simulates effects being re-created on a mounted component. // React模拟重新挂载     * Layout effects are created  // layout重新创建     * Effect setup code runs     //  Effect重新执行 复制代码如何在应用中处理Effect执行两次的问题
　　React认为执行两次在大多数情况下并没有有什么影响，我们应该考虑的是在重新挂载之后，如何让Effect正确的执行，而不是怎么才能让Effect执行一次。下面我们看些优化的场景。请求数据
　　我们可以通过一个变量来控制请求的时候只发出去一次，也可以通过取消请求的方式来进行改善。useEffect(() => {       let ignore = false;       async function startFetching() {           const json = await fetchTodos(userId);           if (!ignore) {              setTodos(json);           }   }        startFetching();       return () => {          ignore = true;       };   }, [userId]); 复制代码弹窗问题
　　在第二次挂载之前，将弹窗close掉，就不会有两次调用showModal()的问题了useEffect(() => {       const dialog = dialogRef.current;       dialog.showModal();       return () => dialog.close();   }, []); 复制代码Not an Effect: Buying a product
　　不知道标题怎么翻译比较合适，直接拿过来用吧useEffect(() => {       fetch(＂/api/buy＂, { method: ＂POST＂ });   }, []); 复制代码
　　React认为在useEffect里面发送post请求是不正确的，这种需求场景是不存在的。你应该是在点击事件中发送某个post请求，而不是直接在useEffect里面。setTimeout
　　记得在useEffect里面取消定时器  useEffect(() => {     function onTimeout() {       console.log(＂⏰ ＂ + text);     }      console.log(＂⏰  Schedule ＂＂ + text + ＂＂ log＂);     const timeoutId = setTimeout(onTimeout, 3000);      return () => {       console.log(＂⏰  Cancel ＂＂ + text + ＂＂ log＂);       clearTimeout(timeoutId);     };   }, [text]);

陈盈骏和赵睿，谁是性价比最高的签约？赵睿已经拿下3冠，甚至单防能力很突出，陈盈俊33分12助攻很棒，但层次在于防守高下明显陈盈俊和林庭谦是当下台北队的核心球员，他们和国家队在亚洲杯预选赛打过，即便球员在场边喊叫的声音完胜！太阳五虎6023，布克创奇迹，艾顿尴尬，杜兰特最新消息北京时间3月28日，NBA常规赛太阳客场挑战爵士，赛前，太阳39胜35负排名西部第4，而爵士35胜39负位居西部第12，此役很关键，太阳的位置并不稳，身后的快船虎视眈眈，可见此役他欧预赛第2轮前瞻苏格兰vs西班牙，双方差距很大欧洲预选赛苏格兰VS西班牙比赛时间202303290245北京时间3月29日凌晨2点45分，欧洲预选赛将进行一场苏格兰对战西班牙的比赛。积分苏格兰和西班牙正面交锋！论实力，苏格兰确3。28竞彩足球韩国VS乌拉圭德国VS比利时苏格兰VS西班牙韩国VS乌拉圭主队韩国韩国国家队目前世界排名第25位，去年世界杯挺进16强后被巴西淘汰，与其说挺进16强，还不如说被葡萄牙放水进入16强，这也是在小组赛中把更强的乌拉圭挤兑出局，面独行侠9战7负，库班肠子都悔青了！目前来看，NBA本赛季最大的冤大头莫过于独行侠。赛季前半段，独行侠顺风顺水，东契奇甚至将球队带到西部第二，现如今他们9战7负遭遇连4败，主场对阵黄蜂遭遇主场球迷狂嘘。最糟糕是属于独恭喜辽宁男篮，有望签下CBA头号新星，未来冠军阵容或再度升级北京时间3月28日，CBA第39轮的比赛正式开打，在刚刚结束的全明星比赛中，北区明星队的表现非常出色，在一度落后的情况下，通过辽宁的3名球员出色的发挥，最终实现了逆转，在战胜南区明胎儿性别是受精那一刻就决定了，还是后来才决定的呢？你好。我们可能从知道自己怀孕开始，就一直想知道自己是怀的男孩还是女孩。可是医生从来不曾告诉我们，怀孕的时候是什么时候就有了性别的区分了呢？是在受精的那一刻开始，还是在之后决定的呢？备孕要注意什么？备孕不成功怎么办？什么是备孕在这里，我默认备孕就是不避孕，想怀孕的一种状态。至于备孕要注意什么，如果细说的话，内容太多了，估计三天三夜都有的可谈。如果粗论的话，可能几个字就能概括下来。健康生活顺其自子宫肌瘤能生孩子吗？作为女性良性肿瘤的大姐大，子宫肌瘤是子宫平滑肌组织增生形成的良性肿瘤，得了子宫肌瘤不可怕，因为育龄期小主的患病率高达25，不过子宫肌瘤大多生长缓慢，绝大部分无需治疗，静观其变就好。老公结婚之前瞒着我有遗传病，我不要孩子是我的错嘛？你没错。离婚你不仅没有错，你还可以提出离婚。遗传病遗传后代，不仅害了你还害了孩子。所以说结婚之前最好做婚检，不仅是对自己负责，也是对孩子负责。如果既成事实，埋怨也是没用的，可以离婚多地多参与多样多精彩阔别已久的国内马拉松赛事在今年春天密集归来，全国30余万路跑者，在26个城市开始了用脚步丈量城市的马拉松参赛之旅从芜湖昆明桂林荆州成都南京，到上海常州永川齐河遵义仅浙江一省，就有杭

<<<<<<－>>>>>>

华为专利收入连续两年实现顺差，手机业务战略或将调整临近2022年末，华为在专利领域动作不断，12月9日和23日华为官宣先后和Oppo三星诺基亚完成了专利许可协议的签订和续签12月24日华为美国首席知识产权法律顾问史蒂文盖斯勒接受媒2023，申花进入全新久事时代特约记者甘慧报道靴子落地了！申花股改终于尘埃落定。2023年1月2日，申花结束为期9年的绿地时代，这家有着近30年历史的俱乐部将翻开新的篇章。本周一球队出发前往苏州征战足协杯四分之华为徐直军预计全年实现销售收入6369亿人民币2022年12月30日，华为轮值董事长徐直军发布2023年新年致辞时指出，华为预计全年实现销售收入6369亿人民币，经营结果符合预期。徐直军表示2022年，是华为从应对美国不断制裁2022年产业观察丨研发为王比拼线上，化妆品行业迭代加速中国商报（记者马嘉）2022年，化妆品行业刮起了研发为王的风潮。欧莱雅资生堂等巨头在中国市场重金投资初创美妆企业国产美妆巨头发动买买买攻势，向许多功效护肤新锐品牌抛出橄榄枝。面对众大风流创新长江商学院的实践与探索作者项兵来源财经杂志2022年第26期12月19日出版项兵长江商学院创办院长中国商业与全球化教授笔者所谓的大风流创新，是指具有引领式的原创的开辟新行业及新赛道的，在全球具有一定的可星巴克进县瑞幸重生Tims上市咖啡赛道2022在寒气中进击下沉和变种每经记者陈婷2022年，咖啡赛道继续变局的一年。这一年，一向稳健的星巴克在中国有些踉跄。数据显示，星巴克第四季度营收84。1亿美元，同比增长3。3，净利润却为8。78亿美元，同比下天檀这个方向已燃起熊熊烈火，是当之无愧的热点扛把子！近期有事没太看盘，今天大致看了一下，跟大家沟通一下几个重点1指数在缓慢回升中，但后期不会出现连续大涨的态势，温和震荡小幅攀升是主基调。2结构性行情仍在进行中，每天维持在50只左右的12。30策略医疗止盈（光伏医药军工还能持有吗）美失业人数环比上升，美元原油调整，美股及中概股反弹纳斯达克纳斯达克100道琼斯中概互联北上小幅净流出，继续在板块间切换，市场的3000点底部区域较确定，今日成长跟随美股反弹，勿追高IOS每日限免APP推荐2022年年终总结今年我在头条创作了309天。在2022年一共找到限免软件922个，节省了16053元。等于每天节省51元，一天都可以吃2顿饭或者2个奶茶。想想都开心。2022年谢谢各位为我一共点了汪小菲请拆开，中国十亿人送给你的这份小小礼物他从小父母离异，小小少年纪被送国外，内心经历了多么无奈挣扎和痛苦，这是要用一生来治愈童年的创伤，有人给点爱，给点温暖，就飞蛾扑火而今他想保护一双儿女不再受他曾经的痛，所以做出常人无茅台提前公布业绩预计2022年总营收1272亿，净利626亿（文张志峰编辑周远方）12月29日晚间，超额完成业绩指标的贵州茅台提前向市场公布了2022年经营预计完成情况。据贵州茅台初步核算，预计实现营业总收入1272亿元左右，同比增长16。