before render为什么执行了两遍

来源：3-8 useEffect 第二部分 - 有始有终

qq_感觉_11

2020-03-22

老师，您好。在3-7节中，before render为什么执行了两遍，下面是结果和代码![图片描述](http://img.mukewang.com/szimg/5e7766fc091dd7ca08950259.jpg

写回答

2回答

张轩

2020-03-24

已采纳

两位同学好今天研究了一下应该是最新版的 create-react-app 创建的 index.js 根文件有变化。它会多包裹一个 react strictmode。https://zh-hans.reactjs.org/docs/strict-mode.html

ReactDOM.render(
<React.StrictMode>
    <App />
  </React.StrictMode>,
rootElement
);

他会造成一引入 useState hook 就多渲染一次，应该是再做一些检察工作。去掉以后就没问题了。

yxnne

老师，我的问题转到这里了，https://coding.imooc.com/learn/questiondetail/177966.html

2020-03-27

共3条回复

张轩

2020-03-23

同学你好我用我的代码在本地测试没有这个问题光看你这个组件来说也没有什么问题是不是你使用这个组件的父组件有一些更新的操作导致了这个组件的再次更新？

MeSKiL

老师我也是和他一样的问题，我外层的app.tsx只放了这一个组件。 return ()，但是每次点击都会render两次

2020-03-24

共1条回复

React18+TS高仿AntD从零到一打造组件库

设计，开发，测试，发布再到 CI/CD，从0到1造轮子

2145 学习 · 959 问题

相似问题

回答 1

回答 1

回答 1

回答 1

回答 2