关于componentDidMount中的接口调用两次的问题
来源:9-4 【API连接】AJAX 异步获取推荐数据

CaesarChen
2022-09-30
我发现componentDidMount中的接口会被连续调用两次,查资料后发现 在index.tsx文件中把严格模式组件 React.StrictMode给删掉 就可以了,试了一下果然可以,但我看老师的代码并没有删,就很疑惑,想问下老师这是怎么回事
写回答
1回答
-
阿莱克斯刘
2022-10-01
Hello 同学,React.StrictMode的确会造成两次组件渲染,但是,请注意,两次渲染只会在dev环境中触发,如果上了生产环境,StrictMode是不会渲染两次的。两次渲染主要是为了探测你的代码是否有问题,方便你在开发过程中解决。
至于课程没有选择删 React.StrictMode 也没有什么特殊原因,因为他是creat-react-app自动生成的,存在即合理,虽然我们的课程项目没有接触到,但是他确实给代码带来一定的规范。
更多资料请参考:reactjs - My React Component is rendering twice because of Strict Mode - Stack Overflow
00
相似问题