react项目,配置好路由后,触发跳转发现url已经改变但页面内容未改变,刷新后才能正常显示。
发现是被react的严格模式影响,将BrwserRouter放到其外层即可
const root = ReactDOM.createRoot(document.getElementById("root"))
root.render(
<React.StrictMode>
<BrowserRouter>
<App />
</BrowserRouter>
</React.StrictMode>
)
修改后
const root = ReactDOM.createRoot(document.getElementById("root"))
root.render(
<BrowserRouter>
<React.StrictMode>
<App />
</React.StrictMode>
</BrowserRouter>
)