当使用来自react路由器dom的标签或链接时，Image将继续下载
。React Router是一个用于构建单页应用程序的React库。它提供了一组组件和路由器，用于管理应用程序的不同页面之间的导航。
在React Router中，可以使用<Link>组件来创建链接，用于在应用程序的不同页面之间进行导航。当使用<Link>组件创建链接时，React会自动处理导航，并且不会重新加载整个页面。这意味着，当用户点击链接时，只有相应的组件会重新渲染，而不会重新下载整个页面。
对于使用<Image>组件来显示图片的情况，当使用来自react路由器dom的标签或链接时，图片将继续下载。这是因为<Image>组件会根据提供的图片URL下载并显示图片。即使使用了React Router的链接进行导航，图片的下载也不会受到影响。
总结起来，当使用来自react路由器dom的标签或链接时，Image组件将继续下载图片，无论是否使用了React Router的导航功能。这样可以确保在页面切换时，图片能够正确地显示。
相关·内容
1回答
我使用的是react路由器-dom，在重定向时，我经历了一种奇怪的行为。我正试图从/转到/something。path='/something' </Switch>
当我打开localhost:3000/我被重定向到localhost:3000/东西，但是页面是空的。当我刷新页面或直
浏览 2提问于2020-06-14得票数 3
回答已采纳
我对这三个环节感到困惑，它们有哪些不同的使用方式？他们有不同的用例吗？
浏览 4提问于2022-05-02得票数 3
回答已采纳
一个名为"BasicSearch“的组件用于所有页面。搜索组件应该显示在全屏上，并带有垂直滚动，以查看右上角有关闭按钮的内容。搜索组件有一些默认链接可以导航到不同的页面。React.useEffect(() => { document.body.style.position = "fixed"; }, []); <div className="/xyz-abc">Link2 </a>
浏览 2提问于2022-02-24得票数 1
我是新的反应，我正在创建一个组合网页，在其中，我试图连接两个组件与链接组件的反应-路由器-多姆(类似于HTML锚标签中的href )。我在主页中使用了一个按钮，当单击该按钮时，将指向同一页面中的“projects”组件。没有错误，但是当我点击它时，什么也不会发生。请帮我解决这个问题。下面是指向index.js的代码片段，其中指定的路由器<
浏览 0提问于2020-07-31得票数 1
2回答
我是一个反应初学者，我已经实现了一个登录和注册形式作为2个组件使用材料ui。如果没有登录帐户，则尝试将登录重定向到注册页面，如果我已经有帐户，则从注册表重定向到登录页。我想使用react路由器来完成这个任务，但是对于官方文档，我需要有一个导航栏来显示我的路由，但是我想先显示我的登录组件，如果我点击链接，然后重定向注册，反之亦然。在login.js中注册的链接
import Link from '@mater
浏览 1提问于2020-11-06得票数 0
回答已采纳
3回答
编辑:经过多次测试，我终于有了一个不幸的消息，那就是在我的侧边栏菜单中使用的“树”框架实际上破坏了路由器。当我不使用$('data-widget="tree"').tree({...时，路由器工作得很好。我现在正努力想办法解决这个问题。。
我基本上实现了这个简单的例子与登录和一个“母版页”的边菜单和内容，以便我可以了解更多的新版本的反应<em
浏览 0提问于2018-07-09得票数 0
这是我当前的代码：<i className="fa fa-download"></i></a>//Function
down
浏览 2提问于2018-04-26得票数 4
当从0.14切换到v15.5时，React路由器的链接标签出现错误。这在前一个版本中运行良好，并在后者中抛出以下错误。警告: React.createElement: type无效--需要一个字符串(用于内置组件)或一个类/函数(用于复合组件)，但got:未定义。您可能忘记从定义在其中的文件中导出组件。检查Navbar的呈现方法。navbar.js
import React</em
浏览 2提问于2017-07-03得票数 5
回答已采纳
1回答
当按下{链接}并更改路由时，标头组件路由器会继续重新渲染，即使它位于来自react- NavBar -dom的交换机组件之外。/styles.css'import Home from './styles.css'
import {Lin
浏览 17提问于2019-03-11得票数 1
2回答
错误:元素类型无效:需要一个字符串(用于内置组件)或一个类/函数(用于组合组件)，但got:未定义。您可能忘记从定义在其中的文件中导出组件，或者您可能混淆了默认导入和命名导入。代码：import { StrictMode } from "react";ReactDOM.render(
<
浏览 6提问于2022-02-27得票数 2
回答已采纳
3回答
我试图在我的反应应用程序中设置一个基本路由器。我只有一个总是打开的Main.js文件，在Main.js文件中，我有一个导航到User.js的hrefimport React from 'react';import
浏览 3提问于2020-12-02得票数 1
回答已采纳
我是比较新的反应，但我被告知，当制作一个网站的良好做法是有一个布局组件，其中包含页眉，页面内容和页脚，但当使用react路由器时，我希望页眉和页脚不仅更新页面内容，但如果我在页眉中添加外部的browserrouter标签的链接，我得到一个错误，说他们需要在内部，但如果我然后包括他们在页眉更新与内容一起。在标题中，我有一个导航栏，其中的链接如下：
浏览 0提问于2019-12-09得票数 0
不仅如此，当我试图在一个新窗口或选项卡中打开About组件时，它也会在这一点上中断。在从netlify运行之前，我检查了本地环境，当时我正在测试这个网站。关于的组件在那里工作得很好。它在一个新的选项卡或窗口中打开。如果我做了一个艰苦的刷新，我仍然可以看到关于页面。我不知道我做错了什么。这是我的第一个反应项目。我的index.js文件如下所示i
浏览 5提问于2020-04-19得票数 0
回答已采纳
我有一个导航条，它在每个路由中呈现，而路由在单击时发生变化。import { Link } from 'react-router-dom';
constructorfrom 'react';import '.>,
浏览 14提问于2021-12-03得票数 66
目前，我正在将现有的反应性应用程序迁移到nextjs。我有一个用例，在该用例中，我希望在用户试图关闭浏览器选项卡或警告用户未保存的更改之前显示确认。当用户正在填写申请表格并决定退出时，我想警告他，存储的数据将丢失；对于现有用户，如果他已经注册并登陆仪表板，并希望关闭选项卡或想回到以前的路径，在这种情况下，我希望提醒他注销或继续。在此之前，我使用CRA和react路由器</e
浏览 4提问于2022-12-04得票数 1
我正在制作一个网站，它需要使用路由器来显示不同的页面。我决定使用React，因为它很容易使用。然而，我在尝试合并声音时遇到了一个问题。基本上，因为我正在制作一个路由器系统，所以我不能使我的声音工作，以便当我更改页面时，声音不会中断，并从用户单击按钮更改页面时停止的地方继续。我正在尝试的模型类似于Spotify的声音系统，在点击播
浏览 0提问于2018-12-26得票数 2
我正在使用react-router-dom来路由我的应用程序，这对我来说是个新手，但是在一个页面中，我放在页面上的链接并没有改变URL这是加载的页面的代码。我已经将BrowserRouter作为链接
浏览 21提问于2019-08-06得票数 0
回答已采纳
我正在使用以下简单的导航代码 <Switch> <Route然而，当我刷新页面或手动转到该URL时，它确实会发生变化。
浏览 1提问于2017-05-10得票数 47
我需要实现一种方法，这样页面应该自动向下滚动到哈希，即api-doc，但不知怎么的，它不是在页面加载时自动滚动(非常第一次)。element.scrollIntoViewIfNeeded(true); }, 200);它起作用了，但我正在寻找一种更好的方法来实现同样的目标换句话说，我不想使用setTimeOut。我添加setTimeOut是因为我发现document.getElementById(id)是空的(第一次)，我假设co
浏览 8提问于2020-10-06得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
