Вы можете дождаться финальной версии или, если вы не хотите менять свой код сегодня, вы можете установить бета-версию прямо сейчас,
ользую последнюю версию (16.6) React сreact-router
(4.3.1) и пытается использовать разбиение кода с помощьюReact.Suspense
.
Хотя моя маршрутизация работает, и код разбился на несколько динамически загруженных пакетов, я получаю предупреждение о том, что не нужно возвращать функцию, а объектRoute
, Мой код:
import React, { lazy, Suspense } from 'react';
import { Switch, Route, withRouter } from 'react-router-dom';
import Loading from 'common/Loading';
const Prime = lazy(() => import('modules/Prime'));
const Demo = lazy(() => import('modules/Demo'));
const App = () => (
<Suspense fallback={<Loading>Loading...</Loading>}>
<Switch>
<Route path="/" component={Prime} exact />
<Route path="/demo" component={Demo} />
</Switch>
</Suspense>
);
export default withRouter(App);
Предупреждение консоли выглядит следующим образом:Warning: Failed prop type: Invalid prop `component` of type `object` supplied to `Route`, expected `function`.
Обычный импорт вернул бы функцию, но динамический импорт сlazy()
возвращает объект.
Какие-нибудь исправления для этого?