我想在 React Router 中为组件添加预取,但目前该组件是动态导入。添加 webpackprefetch= true 不起作用。因此想知道将 webpackprefetch= true 添加到 React 路由器的最佳方法是什么。
我尝试使用:
const SCHEDULES = () => import(/* webpackPrefetch: true / / webpackChunkName: "SchedulesPage" */ "./schedules/Schedules");
Run Code Online (Sandbox Code Playgroud)
但这并没有创建一个组件。
当前代码:
const SCHEDULES = () => import(/* webpackPrefetch: true / / webpackChunkName: "SchedulesPage" */ "./schedules/Schedules");
Run Code Online (Sandbox Code Playgroud)
<Switch>
{ /* Schedules page */ }
<Route exact path={ `${match.url}/schedules` } component={ Schedules } />
</Switch>Run Code Online (Sandbox Code Playgroud)