Я использую загружаемую с реакцией библиотеку для отложенной загрузки в reactJS. Он очень хорошо работает для компонента рендеринга. Но когда я использую свойство задержки, время рендеринга не изменяется. Итак, что мне здесь нужно обновить?
const Home = Loadable({
loader: () => import('./Home'),
loading: Loading,
delay: 5000
});
const Test = Loadable({
loader: () => import('./Test'),
loading: Loading,
delay: 5000
});
return (
<Router>
<div className = "App">
<Link to = "/"> Home </Link>
<Link to = "/test"> Test </Link>
<Route exact path = "/" component = {Home} />
<Route path='/test' component = {Test} />
</div>
</Router>
);
Спасибо за любую помощь.
@mattdevio Я тоже определил это в этом файле. я скучаю, чтобы показать это. Это здесь: функция Загрузка ({pastDelay}) {console.info (pastDelay); вернуть прошлую задержку? <h3> Загрузка ... </h3>: null; }





Задержка не влияет на время рендеринга фактического компонента, но задерживает время рендеринга компонента Loading.
Вот выдержка из официальной документации:
Avoiding Flash Of Loading Component
Sometimes components load really quickly (<200ms) and the loading screen only quickly flashes on the screen. A number of user studies have proven that this causes users to perceive things taking longer than they really have. If you don't show anything, users perceive it as being faster. So your loading component will also get a pastDelay prop which will only be true once the component has taken longer to load than a set delay.
Источник: https://github.com/jamiebuilds/react-loadable#avoiding-flash-of-loading-component
Прежде всего, хочу сказать спасибо за ваш ответ. Эту тему следует закрыть. Я решил эту проблему.
Где определена ваша функция
Loading? Я этого не вижу.