使用React的过程中遇到的问题

1、React中useEffect会执行两次

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

这是 React18 新加的特性，仅在开发模式(development)下，且使用了严格模式(“Strict Mode”)下会触发。生产环境(“production”)模式下和原来一样，仅执行一次。去除严格模式即可。

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

2、报错：useRoutes() may be used only in the context of a ＜Router＞ component.

router v6版本，需要给根标签最外层包裹一层BrowserRouter标签。

root.render(
  <BrowserRouter>
    <App />
  </BrowserRouter>
);

3、奇怪的问题（使用antd时）

这样引入就会报错

const { Header,Slider, Content } = Layout;

这样就没错了

const { Header, Content } = Layout;
const Slider = Layout;