React Suspense导致路由器属性未定义

文章/答案/技术大牛

发布

1回答

javascript、reactjs、react-native、react-router

我使用的悬念如下： path="/courses" <Suspense fallback={HomePage}> </Suspense> /> 然后，在课程组件上，我尝试访问路由器道具title=&quo

浏览 13提问于2020-08-01得票数 0

回答已采纳

1回答

响应同步输入时挂起的组件

reactjs、react-redux、react-router

这将导致将UI替换为加载指示符。若要修复，应使用startTransition包装挂起的更新。 <Suspense fallback={<Loader/>}>

浏览 2提问于2022-05-09得票数 12

1回答

如何在reach路由器中使用多个反应悬疑回退？

reactjs、react-loadable、reach-router、react-suspense

> 但根据路由的不同，我希望使用不同的加载组件作为备用组件，因此如下所示： <Router> <MainLandingPage path="/" /> </React.Suspense>

浏览 14提问于2019-05-29得票数 3

1回答

componentDidMount意外地调用了从react可加载到react.lazy的移动

reactjs、react-router、react-lazy-load

在我的项目中，我过去常常依赖于react loadable来完成一些代码分割、延迟加载以及react路由器。当一个新的url被推送时，其中一些参数发生了变化，但仍然导致了这个“分析”组件，则只调用componentDidUpdate。/components/Analyze")),function LazyComponentWrapper({ children }) { <Suspense fallback={<div>{L

浏览 4提问于2020-03-27得票数 0

回答已采纳

1回答

如何在react中创建多个独立页面而无需加载所有组件

reactjs

我已经创建了一个react SPA，我想为管理创建一个单独的独立页面，该页面不会与主应用程序一起加载，反之亦然。我该怎么做呢？

浏览 14提问于2020-04-27得票数 1

回答已采纳

1回答

不能使用开关语句呈现路由路由器dom 5.0.0

reactjs、react-router、lazy-loading、react-router-dom、react-suspense

我对反应路由器相当陌生..。我使用的是React路由器-dom 5.0.0import React, { Suspense } from 'react= React.lazy(() => import('."> <Route component={MarketPlace} exact path="

浏览 0提问于2019-06-01得票数 0

回答已采纳

1回答

不使用CRA +响应路由v4 +代码拆分的代码拆分

reactjs、webpack、create-react-app、react-router-dom、code-splitting

代码分裂无法工作因为我在WebServer后面托管应用程序，所以我在package.json中将"homepage": "/management"设置为 "dependencie

浏览 0提问于2019-09-07得票数 1

1回答

BrowserRouter不加载页面

javascript、reactjs、react-router、react-router-dom、mern

App.js文件import {BrowserRouter, Route, Routes} from 'react-router-dom';import ".</div>} import { useState, useEffect } from "react"

浏览 4提问于2022-04-15得票数 -1

2回答

我如何使用对路由器的反应懒惰？

reactjs、typescript、react-router、lazy-evaluation

我想把道具从一个路由器传递到另一个组件 console.log(myProps) <>...</> };import React, { lazy } from 'react'; export const routes/TestComponent/index

浏览 20提问于2022-11-29得票数 -1

1回答

类型记录在路由中响应延迟负载组件

reactjs、typescript

我试图延迟加载这样的组件：然后我想把它装载到这样的路线里： path="/new-post" <Suspense</div>}> <

浏览 0提问于2018-11-20得票数 0

回答已采纳

1回答

未使用React路由器v5呈现悬念的React路由器

react-router、react-suspense

我们正在尝试使用这类构造，以便可以使用React悬念加载通过React路由器呈现的组件： path="about" <About /> </React.Suspense&

浏览 4提问于2022-03-11得票数 1

回答已采纳

1回答

React 18和悬念问题(在旧版本中工作)

reactjs、typescript、react-suspense

在我使用React路由器的react应用程序中，我用来定义这样的路由：使用如下定义的“等待助手”： function Awaiting<T>(Component: React.Componen

浏览 9提问于2022-11-06得票数 1

2回答

响应路由器v6子路由不呈现

javascript、reactjs、react-router

使用React路由器v6，我希望呈现回调页面。虽然我无法从屏幕中的元素支柱中获得输出。我只从out获得输出，并且总是为回调页提供一个空白屏幕或404。我错过了什么新的反应路由器？const App: React.FC = () => ( <GlobalStyle /> <Suspense fallback={<Loading fullScreen /><Route path="callback&q

浏览 4提问于2022-01-18得票数 3

回答已采纳

3回答

使用router路由器时什么都不会出现。

javascript、reactjs、routes

我有反应路由器的问题。你能帮我看看我做错了什么吗？import React from 'react';import {} from "react-router-domfr

浏览 5提问于2022-02-23得票数 0

1回答

将Suspense与React Router一起使用时，Typescript引发显式函数返回类型错误

javascript、reactjs、typescript、react-router

我尝试使用suspense和react路由器，但我不知道它应该返回什么，并且我不想禁用此规则。: import { BrowserRouter, Route, Link, Switch } from 'react-router-dom'; import Lo

浏览 10提问于2019-04-24得票数 1

6回答

呈现时挂起的React组件，但未指定回退UI。

reactjs

它在组件中使用了<Suspense />元素，但我删除了它。然后，应用程序崩溃，上面的错误。

浏览 2提问于2019-01-30得票数 56

回答已采纳

1回答

{ useTranslation }从“react i18Next”库输出错误

reactjs、i18next、react-i18next

我有以下代码：import { useTranslation } from "react-i18next"; const { t } = useTranslation(); //the problem is in this line <Suspensefallback

浏览 1提问于2019-09-03得票数 2

回答已采纳

1回答

从URL动态导入文件

javascript、reactjs、javascript-import

const MyComponent = (props) => { const [dynamicComponent, fetchComponent] = React.useState(null);

浏览 28提问于2020-03-28得票数 0

1回答

React.lazy和自定义protectedRoute与路由器反应域，我如何使它工作？

reactjs、react-suspense、react-lazy-load

但是，我有一个问题，我不知道如何延迟加载一个组件，这个组件是在我的自定义ProtectedRoute中呈现的，并且响应路由器-dom v5。延迟加载工作，并生效时，我使用的反应-路由器-多国本机路由，但当我想通过一个通过我的自定义保护路由一个受保护的组件，什么都不会发生，没有错误信息在控制台或网站上，只有一个白屏幕。应用程序import { BrowserRouter as Router, Route,

浏览 12提问于2022-03-24得票数 0

2回答