关于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


0
0

React18 系统精讲 结合TS打造旅游电商平台

React18 精讲 + 结合 TS 实战 + 热门业务开发,获取必备技能

1993 学习 · 1015 问题

查看课程