Описание тега react-suspense

Вопросы с тегом
1 ответ

Не удается отобразить маршрут с инструкциями коммутатора React router dom 5.0.0

Я довольно новичок в React Router.. Я использую React-router-dom 5.0.0 Маршрут моей панели мониторинга по какой-то причине не совпадает, и при переходе к /dashboard import React, { Suspense } from 'react'; import ReactDOM from 'react-dom'; import { …
01 июн '19 в 01:03
1 ответ

Как использовать множественные отклики в режиме ожидания с маршрутизатором?

Я использую "@reach/router": "^1.2.1" и в моем App.js file У меня есть резервный компонент, который нужно показать во время загрузки моих маршрутов: <React.Suspense fallback={<MainLandingPageLoadingScreen />}> <Router> <MainLand…
29 май '19 в 11:03
1 ответ

Компонент Suspense вызывается до фактической загрузки данных

Я пытаюсь добавить реакцию ленивого в мое приложение, и по какой-то причине это не работает. Компонент, в котором я хочу, чтобы ленивая нагрузка работала, извлекает свои данные с сервера, затем обрабатывает данные. Проблема в том, что компонент, из …
23 май '19 в 01:42
0 ответов

Не поддерживается ошибка при тестировании ожидания

Я получаю странную ошибку при попытке использовать react-testing-library тестировать React.Suspense, Ошибка просто говорит "Не поддерживается", но не дает реального понимания проблемы. Я последовал примеру, что Кент Доддс сделал на YouTube. Я размес…
11 мар '19 в 02:25
0 ответов

Должны ли мы бросать одно и то же обещание каждый раз, когда реагируют на ожидания

При получении данных в теле функционального компонента выражение должно оценивать либо брошенное обещание, либо значение ответа, если я правильно понимаю. Нужно ли Suspense одно и то же обещание каждый раз или просто какое-нибудь обещание? Это что-т…
16 мар '19 в 10:41
0 ответов

Используя реагировать ленивый или реагирующий загружаемый, не отправляя мои куки на сервер (узел js)

В моем приложении act.js без загрузки "реагировать лениво" или "реагировать загружаемо" пользователь может быть перенаправлен на домашнюю страницу после входа в систему, даже при обновлении загружает домашнюю страницу. {this.state.loggedIn ? <Hom…
19 мар '19 в 05:15
1 ответ

Какую проблему пытается решить React Suspense?

Я видел несколько примеров в actjs.org, но я хочу знать проблему, которую они пытаются решить, и / или что за магия за этим стоит. И как я могу использовать его в реальных проектах, помимо того, что уже есть в готовой документации.
26 мар '19 в 08:25
0 ответов

Оптимизация веб-пакетов и расщепление пакетов для ленивой загрузки React

В нашей организации мы создали инфраструктуру пользовательского интерфейса на основе ReactJS для визуализации виджетов (написанных в ReactJS), опубликованных в нашем внутреннем репозитории NPM. Для минимизации виджета перед публикацией мы используем…
26 апр '19 в 22:57
1 ответ

Покажи github, youtube как прогресс на каждом изменении маршрута

Существует новая концепция разделения кода и асинхронной маршрутизации с использованием приостановки и ленивости, представленная самой реакцией. С этой концепцией, как мы можем показать индикатор выполнения в верхней части страницы, когда маршрут ме…
28 апр '19 в 06:04
4 ответа

Используйте NProgress с "React.lazy"

У меня есть следующее дерево компонентов: <BrowserRouter> <Suspense fallback={<h1>MyFallback</h1>}> <Switch> <Route component={HomePage} path="/" exact /> <Route component={lazy(() => import('./pages/Auth/Lo…
18 июн '19 в 05:08
1 ответ

Определить начальный размер пакета страниц программно

Моя команда написала веб-приложение с create-react-app и мы хотим сохранить небольшой размер пакета для начальной загрузки страницы. Прямо сейчас мы просто бежим gzip а также wc на выведенных файлах JavaScript в build/ чтобы получить представление о…
08 июл '19 в 21:36
2 ответа

Получение ошибки SCRIPT1028 на Edge при использовании реагирования на ленивую загрузку

Мое приложение работает в других браузерах, но не работает (на v44). Если я удаляю отложенную загрузку, оно работает нормально. Я использую React.lazy а также Suspense разделить мой код. Вавилон 7.5.0 вебпак 4.28.3 реагировать 16.7.0 Попробовал вози…
05 авг '19 в 12:49
4 ответа

Реагировать на ленивые компоненты, не загруженные на динамических маршрутах

Я использовал реагировать ленивый и неизвестный на динамических маршрутах, но почему-то я не могу рендерить лениво загруженные компоненты. Я уже искал об использовании lazy на маршрутах, но я не видел, чтобы кто-нибудь использовал его на динамически…
13 июн '19 в 11:06
2 ответа

Невозможно найти узел в размонтированном компоненте во время разделения кода с помощью React.lazy и Suspense.

Я добавил разделение кода с помощью React.lazy и Suspense, и после их добавления он рендерит компоненты, как и ожидалось, но при переходе от одного компонента к другому выдает ошибку Невозможно найти узел в размонтированном компоненте. import React,…
25 июн '19 в 12:32
3 ответа

React приостановка предотвращения мигания запасной блесны

Мне интересно, есть ли хороший способ предотвратить мигание запасного варианта в реакции. Я использую реагирующий маршрутизатор, и проблема в том, что когда компонент приостанавливается, резервный загрузчик мигает очень быстро, и это довольно раздра…
08 авг '19 в 06:07
0 ответов

Как использовать фермент SusseseFallback, чтобы ожидать на Suspense и Lazy?

Я пытаюсь использовать новый энзим api для susseFallback, введенный в энзим 3.10.0. Используемые версии: энзим-адаптер-реакция-16: 1.14.0 фермент: 3.10.0 реагировать: 16,9,0 шутка: 23.6.0 Я не могу заставить его вернуть свой запасной вариант или выз…
28 авг '19 в 15:05
0 ответов

Как протестировать запасной вариант с использованием библиотеки реагирующего тестирования

Я ищу способ протестировать запасной вариант React.Suspense, используя реагирующую библиотеку. Рассмотрим этот пример: const MyLazyThing = lazy(() => import('./index')); export default function MyThing(props) { return ( <Suspense fallback="loa…
27 авг '19 в 18:11
0 ответов

Как добавить минимальную задержку для компонента React Suspense, если у вас нет контроля над вызовом AJAX, потому что вы используете библиотеку?

У меня есть следующий компонент, завернутый в Suspense один: // ... render( <Suspense fallback={<LoadingSpinner />}> <MyComponent {...props} /> </Suspense> ) // ... MyComponent использования i18next, который вызывает неизвест…
09 июл '19 в 12:00
4 ответа

Параллельный режим React Suspense не работает

Я пытаюсь использовать задержку реакции, но у меня возникла проблема с рендерингом после внесения изменений в файл react index.js, и я уже установил приостановку реакции "npm install response @ экспериментальный response-dom@ экспериментальный" Мой …
07 июл '20 в 13:54
4 ответа

Макет импортированного компонента Lazy React

Вот мой ленивый компонент: const LazyBones = React.lazy(() => import('@graveyard/Bones') .then(module => ({default: module.BonesComponent})) export default LazyBones Импортирую вот так: import Bones from './LazyBones' export default () => (…
11 сен '19 в 16:24