Описание тега react-lazy-load
1
ответ
Нужен ли веб-пакет для ленивой загрузки?
Меня смущает использование веб-пакета, поскольку веб-пакет является диспетчером зависимостей и создает пакет, но этого не происходит в CoreUi шаблон. Означает это coreUi шаблон с использованием React Lazy loading подобно const Login = React.lazy(() …
31 дек '19 в 10:47
1
ответ
Невозможно получить доступ к статическим свойствам компонента, импортированного с помощью React.lazy
У меня есть функциональный компонент реакции в таком файле - const Slot: React.ElementType = () => null; const Component = ({ children }): JSX.Element | null => { const childrenArr = React.Children.toArray(children) as React.ReactElement[]; co…
23 июн '20 в 11:16
1
ответ
React Lazy made Switch Не используете?
введите описание изображения здесь У меня ошибка при использовании React. Ленивый, затем отображение 404 на другом маршруте. import React, { lazy, Suspense } from "react"; import { Route, Switch } from "react-router-dom"; import …
04 сен '20 в 10:31
1
ответ
Почему мой компонент react-lazyload не работает?
Еще несколько дней назад моя реализация LazyLoad работала отлично, но теперь я не могу заставить ее работать. Это моя составляющая: import React from 'react'; import LazyLoad from 'react-lazyload'; import './image.scss'; const Image = image => ( …
13 апр '20 в 18:44
1
ответ
Реагировать на проблему с отложенной загрузкой в 16.13.0
import React, { Component,lazy,Suspense} from 'react'; import LayoutComponent from './components/layout/Layout' import BurgerBuilderContainer from './Containers/BurgerBuilder/BurgerBuilder' import CheckoutContainer from './Containers/CheckOut/Checko…
23 апр '20 в 20:55
1
ответ
React-lazy-load-image-component: как добавить переход?
У меня есть список изображений, созданных с помощью библиотеки React-lazy-load-component, он работает очень хорошо, но у меня не может быть никакого эффекта перехода, как обещано в документации. Вот мой код: const LazyPicture = styled(LazyLoadImage)…
06 май '20 в 16:53
0
ответов
React Loadable (Ленивая загрузка) на 'load'?
Я очень впечатлен загружаемой библиотекой здесь: https://github.com/jamiebuilds/react-loadable Но я не понимаю, полезно ли это, если я использую это на load (позвонив setState после события загрузки) Во всех примерах / блогах, которые я прочитал, ве…
05 мар '20 в 12:12
0
ответов
Как я могу протестировать компонент с отложенной загрузкой, используя jest + фермент
В моем приложении для реагирования я реализовал отложенную загрузку, используя React.lazy(() => import("...")). Но я не могу реализовать тестовый сценарий, поддерживающий ленивую загрузку. Без React.lazy(() => import("...")) мои тесты работают…
21 мар '20 в 14:07
1
ответ
React lazy loaded route приводит к тому, что перенаправление несовпадающих маршрутов на /404 не работает
Я пытался создать страницу 404 not found и перенаправить туда все несовпадающие маршруты, в настоящее время настроенные со всем контекстом как: <Switch> <Route path="/faq" component={FAQ}></Route> <Route path="/404"> <NotF…
04 июн '20 в 14:47
0
ответов
Компонент отложенной загрузки выдает ошибку, если путь к компоненту задан из конфигурации js
У меня есть приложение с реактивным маршрутизатором, и я пытаюсь отложить загрузку компонентов следующим образом. import { RouteInterface } from "./src/models"; import * as getConfig from "./config"; import React, { lazy } from "react"; export const…
29 июн '20 в 08:00
0
ответов
ленивая реакция и тип HOC, тип 'unknown' не может быть назначен типу 'ComponentType <any>
Привет, ребята, я новичок в машинописном тексте и немного запутался, поэтому буду признателен, если вы мне поможете. как вы видите ниже мой домашний функциональный компонент import React from 'react' import ComponentWrapper from "../../Hoc/Comp…
08 июл '20 в 08:33
0
ответов
Почему React Lazy Load Import Retry не работает в IE?
У меня возникла ситуация, когда я хочу инициировать повторную попытку использования ресурсов, таких как chunk.js, после развертывания, если это не удалось, чтобы пользователь не видел пустой экран. Для чего я и сделал: export const retry = (fn, retr…
26 май '20 в 06:56
2
ответа
Есть ли способ проверить, завершила ли загрузка отложенный компонент (с React.Lazy)?
Я работаю над приложением, в котором у нас есть переходы между страницами, которые мы хотим отложить, если на следующей странице есть какие-либо компоненты с отложенной загрузкой, которые еще не были загружены. Итак, я пытаюсь выяснить, есть ли спос…
25 июн '20 в 01:14
0
ответов
Реагировать на отложенную загрузку / приостановку для компонентов с загрузкой данных
Я пытаюсь применить React lazy / Suspense к компоненту, например, с 4 дочерними компонентами. Текущая настройка такова, что при монтировании компонента вызывается запрос graphQL, который отвечает со всеми данными, необходимыми для рендеринга дочерни…
01 июл '20 в 08:09
0
ответов
React.lazy "не может найти модуль node_modules/react/index.js" "
При использовании React.lazy для загрузки компонентов это происходит index.esm.js:268 Uncaught Error: Cannot find module 'node_modules/react/index.js' Это случалось с любым компонентом, который я пробовал. React установлен и в package.json. Мой код …
05 авг '20 в 09:41
3
ответа
Ленивая загрузка компонента ReactJS
Я создаю SPA (одностраничное приложение), используя React и React-Router. "Сотрудники" - это один из пунктов меню навигации в заголовке. Согласно документации - Разделение кода на основе маршрутов, я пытаюсь сделать компоненты ленивой загрузкой след…
17 авг '20 в 19:10
1
ответ
componentDidMount неожиданно вызывается после перехода от react-loadable к react.lazy
В моем проекте я полагался на react-loadable, чтобы выполнить некоторое разделение кода, ленивую загрузку вместе с response-router. Что-то типа: <Route component={component} /> с участием Component = Loadable({ loader: () => import(/* webpa…
27 мар '20 в 16:58
1
ответ
Как я могу установить для свойства-заполнителя response-lazyload значение none, когда оно достигает конца массива?
Я использую библиотеку response-lazyload для своего проекта response js. import LazyLoad from 'react-lazyload'; Сначала я получаю данные с помощью useEffect: const [ stuff, setStuff ] = React.useState(null); React.useEffect(() => { Axios.get('htt…
13 июл '20 в 03:50
1
ответ
Как использовать React Lazy loading для компонента, связанного с redux?
Я очень рад использовать React.Lazy loading, однако мой компонент использует redux, и я получаю предупреждение об ошибке index.js:1 Предупреждение: функции недействительны в качестве дочерних React. Это может произойти, если вы вернете компонент вме…
12 июн '20 в 08:11
1
ответ
Почему загрузчик не отображается во втором тесте, когда я запускаю один и тот же тест дважды в шутку, используя библиотеку тестирования реакции, response.lazy и Suspense?
Вот образец моего кода // App.js import React, { Suspense, lazy } from "react"; const Loader = () => <div data-testid="loader">Loading...</div> const Login = lazy(() => import("./Login")); function App…
27 июн '20 в 20:13