javascript - useEffect 在 react v18 中被调用两次

Question

这个问题在这里已经有了答案:





Why is my React component is rendering twice?

(7 个回答)


4个月前关闭。
社区上个月审查了是否重新打开此问题并将其关闭:

原始关闭原因未解决





我创建了一个全新的 react 应用程序来自己测试这个，因为我的一个 friend 正面临这个问题。
App.js 代码 ->

function App() {

  useEffect(() => {
    console.log('on init gets called');
  }, []);

  return (
    <>
      Hello my first react app      
    </>
  );
}

export default App;

应用程序中没有其他组件。以下是 index.js 代码 ->

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
);

当我们第一次加载应用程序时，useEffect 中的 console.log 会被打印两次。
我希望它只打印一次。

Answer 1

对我有用的调整->
去掉了严格的 react 模式，它可以正常工作。不确定是否有其他解决方案或为什么会发生这种情况。