React路由器条件路由组件闪烁/闪烁

文章/答案/技术大牛

发布

1回答

javascript、reactjs、react-redux、react-router

我正在尝试仅在用户登录时呈现一些组件。用户是否登录由redux存储中存储的当前用户对象确定。问题是，包含路由的主应用程序组件不会在第一次渲染调用之前立即将当前用户对象接收到它的“props”。一两秒钟后，主应用程序组件最终将对象接收到它的道具中，并重定向到它最初应该具有的位置。我尝试将条件转移到实际组件的render方法中，但该组件在“第一次呈现”之前仍然没有从redux store接收作为道具的user对象，导致登录页面出现相同的“flash”。class App e

浏览 98提问于2020-06-01得票数 4

回答已采纳

1回答

可加载的代码分裂-可加载导致屏幕闪烁。

reactjs、code-splitting、react-loadable

我正在尝试将代码分割应用到我的React应用程序中。下面的代码是我的路由，Loadable从react-loadable应用了代码分割。然而，当我最初访问我的网页时，它最初会导致屏幕闪烁。在此之后，如果我移动到另一页，就不会再有屏幕闪烁。它只发生在访问我的网站最初。import R

浏览 1提问于2019-02-10得票数 2

回答已采纳

2回答

文本输入闪烁反应-本机

react-native、react-native-router-flux、react-native-textinput

我面临的问题是，每当屏幕改变时，占位符就会闪烁。如果/当文本输入被重新呈现时，这种情况一直会发生。我希望占位符保持静态，以便在屏幕之间顺利过渡。

浏览 0提问于2018-09-04得票数 0

回答已采纳

2回答

响应上下文提供程序内部的路由器切换会导致常量闪烁(重命名)

javascript、reactjs、react-router、react-context

我需要在我的反应路由器的所有路由中访问相同的状态。但是，当我将SchedulerContext.Provider放在React路由器Switch组件周围时，就会得到一条路由的不断重命名(闪烁)。我注意到它只发生在第一个路由(Dash)的组件中。class App extends React.Component { scheduler: { ...defaultSchedul

浏览 2提问于2019-08-10得票数 0

回答已采纳

2回答

页间切换时的反应弹出

reactjs、react-router

问题是当我尝试在我的App.js中使用的路径和在我的海军中使用的链接之间切换时，闪烁/眨眼。

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

3回答

反应路由器/懒惰悬念+ useTransition -如何在当前页面上直到下一页呈现？

reactjs、react-router

我的问题是使用React路由器和新的React 18的useTransitions。在当前阶段，延迟加载是在路由周围使用React.lazy和React.Suspense实现的，回退是您选择的一些反应组件。正如人们已经注意到的，有‘闪烁’等，所以现在有useTransitions。我使用的是react路由器v5和Reactive18.2。我见过许多人提出类似的要求，但如果有人能分享他们的实施情况，我相信这会比我自己受

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

1回答

如何避免与角通用应用程序闪烁？

angular、server-side-rendering

，该服务从API中获取数据，然后路由器从该服务手动执行initialNavigation。此外，接收到的数据存储在中，并从组件中的路由解析器获取数据，以便在加载组件之前对该数据执行另一个API调用。问题是，如果我在路由器中有initialNavigation: 'disabled'，web加载SSR版本，然后弹出，然后加载客户端版本。所以我需要避免闪烁和路由解析器在加载页面之前获取数据。因为我需要对解析器中的数据执行另一个API调用。如果initia

浏览 0提问于2019-10-08得票数 0

4回答

反应悬念怠速加载而不退步

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

我希望延迟加载组件以减少初始包大小，并使用react路由器使用代码拆分动态获取组件。是否有任何已知的黑客可以轻松地解决这个问题(除了为复制

浏览 4提问于2020-08-27得票数 16

回答已采纳

1回答

渲染子视图，维护历史记录，而不是重新渲染整个视图。这个是可能的吗？

javascript、reactjs、react-router、url-routing

我正在将现有的react应用程序从使用director迁移到使用react-router。虽然到目前为止我很喜欢它，但使用director维护历史记录而不重新渲染整个页面是很容易的，我不确定使用react-router是否可以做到这一点。我想要做的是有一个视图，我们称它为Slides，还有另外两个嵌套视图组件，我们称它们为One和Two。在路由器中，这些组件将映射到/slides、slides/one和slides/two。使用我之前的路由器</e

浏览 3提问于2016-08-08得票数 0

回答已采纳

1回答

在角中使用路由器时，总是调用NgOnInit。

angular

']"> </button></mat-drawer>html <span>{{userInfo?.this.userIn

浏览 0提问于2018-05-13得票数 0

回答已采纳

2回答

如何在创建Redux组件时初始化Redux状态？

javascript、reactjs、react-redux、react-router

我有一个路由(使用React路由器)和它呈现的组件。每次这个路由打开并创建它的组件时，我都需要重置Redux状态的某些部分(实际上是一个还原器的状态)，在这个组件中使用。这个还原器是在应用程序的其他部分共享的，所以我使用Redux状态，而不是本地组件的状态。那么，每当我的组件创建时，我如何重新设置减速器的状态呢？我想知道这样做的最佳做法。Is方法来分派动作，会有一秒以前的状态闪烁。，我可以在组件的c

浏览 3提问于2019-10-22得票数 5

回答已采纳

1回答

在Blazor中访问不存在的页面时，如何让页面布局暂时停止消失？

.net-core、blazor、webassembly

我设置了一个页面，当用户输入与Blazor项目中的页面不对应的URL时，将显示该页面。内容在App.razor中定义： <LayoutView Layout="@typeof(MainLayout)"> <img src="/images/broken_wine_glass.jpg" />

浏览 16提问于2021-03-05得票数 1

回答已采纳

2回答

运行Xcode时网络活跃度高，可能是病毒吗？

xcode、macos、gcc、virus、trojan

当我使用xcode打开我的项目并构建它时，我发现路由器上的指示灯开始闪存，在我关闭xcode后，指示灯停止闪烁。如果我只打开xcode和我的项目，路由器指示灯不会闪烁，它只在我构建我的项目时闪烁。

浏览 5提问于2011-04-05得票数 0

1回答

React路由器onEnter选项与组件生命周期方法，用于检查授权用户

reactjs、react-router、browser-history

我尝试过onEnter，但这导致了路径之间的闪烁。在加载组件之前运行onEnter检查。它先路由，然后在用户通过身份验证后重新路由，这在视觉上是不愉快的。现在，我只是使用Main组件的componentWillMount生命周期来运行授权码，如果问题得到解决，就重新路由，否则就留在那里。如果我只使用生命周期方法进行检查，那么我就不能使用react-router中的Link组件。任何关于如何在没有糟糕的ui的情况下解决闪烁或提高客户端安

浏览 4提问于2016-09-11得票数 2

1回答

如何避免角2闪烁到一个新的网页的网址？

angular、typescript、router、smartadmin

当我输入我的页面：时，在url中输入它，然后输入另一个页面，也在url中输入它，会产生一个眨眼。

浏览 5提问于2017-04-30得票数 1

2回答

在TS 2.4中确定动态模块的类型

typescript

我试图在包装器react组件中执行动态加载(在这里，我应该使用react-路由器v4)，并且我希望开始在构造函数处加载，并在组件首次挂载时重新加载。这有一个“闪烁”的问题，但除此之外，它是有效的： export class DashboardDynamic extends React.Component

浏览 2提问于2017-08-08得票数 3

回答已采纳

1回答

tp-链接1043 no在闪存到gargoyle固件后没有互联网。

router、firmware、tp-link

我最近买了一个tp链接的wr1043nd版本1.10和闪烁的gargoyle固件1.5.9后，从股票固件到德国版本的固件闪烁的中间步骤。我已经读到，闪烁到德国固件的中间步骤应该保留WAN端口(如果在路由器上安装了其他可选固件，则防止WAN端口被禁用)。总的来说，我不太擅长技术，但我希望使用第三方固件中的一些特性来：同时监控带宽的使用情况。我也是建议的新路由器选择，将兼容任何第三方

浏览 0提问于2013-03-18得票数 -1

2回答

组件在react路由器v6重定向之前短暂地显示。

reactjs、react-router

在我的react应用程序中，我使用了react路由器v6，我必须使用以下路由： <Route path=":id{<CharacterDetails/>} /> <Route path="*" element={<Navigate replace to="&#

浏览 12提问于2022-04-20得票数 3

1回答

如何在react路由器路由转换之间使用加载图标？

reactjs、react-router

尝试让预加载器显示、淡出，然后显示新路由。该怎么做呢？现在页面正在闪烁，然后预加载器显示，并淡出到新的路由。我正在尝试使用带有useEffect(() => {...}在路由器级别，我让它在主体中添加一个加载类，以便预加载器显示出来。一旦安装了路由组件，我就会删除那个类。但是，在路径渲染之后，触发位置更改的useEffect似乎正在被调用。

浏览 23提问于2020-12-11得票数 0

1回答

React路由器和页面重绘

reactjs、react-router

我的路由器设置如下：我这样做是为了使导航和页脚不会在我每次单击链接时都重新绘制。这很好用。现在，我想要一个没有导航和页脚的新部分。如果我将这两个组件移动到Home和Base中，那么每次我在导航中单击make a selection时，一切都会重新绘制。我不知道为什么这个轻微的闪烁困扰着我，我猜是因为我看到它在没有闪烁的情况下工作。<code>A1</code>

浏览 18提问于2020-08-04得票数 0

点击加载更多