"react": "^18.3.1",
"react-dom": "^18.3.1",
"react-router": "^6.27.0",
"react-router-dom": "^6.27.0",
const TargetProfitRoute = () => (
<KeepAlive cacheKey="TargetProfit" name="TargetProfit" autoFreeze={false}>
<TargetProfitPage />
</KeepAlive>
);
<Routes>
{/* 缓存 PageA */}
<Route
path="target-profit/*"
element={<TargetProfitRoute />} />
</Routes>
export function renderRoot(rootElem: HTMLElement) {
const root = createRoot(rootElem)
const store = setupStore()
root.render(
<ErrorBoundary FallbackComponent={FatalError}>
<Provider store={store}>
<Suspense fallback={<PageLoading delay={500} />}>
<AliveScope>
<BrowserRouter basename={process.env.BASE_URL}>
<App />
</BrowserRouter>
</AliveScope>
</Suspense>
</Provider>
</ErrorBoundary>
)
}