小编Anu*_*pta的帖子

useEffect 在 React v18 中被调用两次

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

function App() {

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

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

export default App;
Run Code Online (Sandbox Code Playgroud)

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

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
);
Run Code Online (Sandbox Code Playgroud)

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

javascript console frontend reactjs use-effect

10
推荐指数
1
解决办法
9909
查看次数

标签 统计

console ×1

frontend ×1

javascript ×1

reactjs ×1

use-effect ×1