使用版本
{
"react": "^18.1.0",
"react-app-polyfill": "^3.0.0",
"react-dev-utils": "^12.0.1",
"react-dom": "^18.1.0",
"react-refresh": "^0.11.0",
"react-router-dom": "^6.3.0",
}
問(wèn)題:
所有組件在路由跳轉(zhuǎn)的時(shí)候都會(huì)掛載兩次,導(dǎo)致請(qǐng)求數(shù)據(jù)也是兩遍,排查問(wèn)題
問(wèn)題所在:
index.js
import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.scss';
import App from './App';
import reportWebVitals from './reportWebVitals';
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
<React.StrictMode>
<App/>
</React.StrictMode>
);
reportWebVitals();
改成
import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.scss';
import App from './App';
import reportWebVitals from './reportWebVitals';
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(<App/>);
reportWebVitals();
問(wèn)題解決