IndexedDB 代码块在create-react-app开发服务器中执行两次

plupiseo  于 2023-08-01  发布在  IndexedDB
关注(0)|答案(1)|浏览(211)
const DBOpenReq = window.indexedDB.open("todo-todo", 2);

DBOpenReq.onsuccess = (event) => {
    db = event.target.result;
    console.log("IndexedDB connection success", db);
    listProjects();
    addProjectsInitally();
  };

字符串
为什么这个(onsuccess)块在development server中运行两次?我使用create-react-app。我已经把它部署在了维塞尔身上了。在vercel,onsucucess块中,它只运行一次。

zlhcx6iw

zlhcx6iw1#

  • 禁用React严格模式 *

因为你已经使用create-react-app创建了你的React应用,所以你很可能在你的index.js文件中有这个,或者类似的东西。

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

字符串
只需删除标签周围的<React.StrictMode>标签,这应该会禁用您的应用程序的严格模式!您也可以只在希望启用严格模式的页面中包含此标记,以逐页选择加入。

相关问题