腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
在我的react上看不到img -(代码)
在React中无法看到图片可能有以下几种原因:
图片路径错误:请确保图片的路径是正确的。在React中,可以使用相对路径或绝对路径来引用图片。相对路径是相对于当前组件文件的路径,而绝对路径是相对于项目根目录的路径。确保路径中没有拼写错误,并且图片文件存在于指定的路径中。
图片未正确导入:在React中,如果要在组件中使用图片,需要先将图片导入到组件文件中。可以使用ES6的import语法或require语法来导入图片。例如:
图片未正确导入:在React中,如果要在组件中使用图片,需要先将图片导入到组件文件中。可以使用ES6的import语法或require语法来导入图片。例如:
或
或
确保导入的路径是正确的,并且导入的变量名与使用的变量名一致。
图片加载失败:如果图片加载失败,可能是网络问题或图片文件本身损坏。可以在浏览器的开发者工具中查看网络请求的状态和错误信息,以确定是否能够成功加载图片。
如果以上方法都没有解决问题,可以尝试以下步骤:
检查组件中是否有其他代码或样式导致图片被隐藏或覆盖。
检查图片文件的格式是否被支持,常见的图片格式包括JPEG、PNG、GIF等。
尝试在其他浏览器或设备上查看是否能够正常显示图片,以确定是否是特定环境的问题。
如果使用了CDN或其他第三方服务来托管图片,确保服务正常运行并且图片文件可访问。
腾讯云相关产品推荐:
对象存储(COS):腾讯云对象存储(COS)是一种安全、持久、高可用的云端存储服务,适用于存储和处理任意类型的文件,包括图片。了解更多信息,请访问:
腾讯云对象存储(COS)
内容分发网络(CDN):腾讯云内容分发网络(CDN)可以加速图片等静态资源的传输,提供更快的访问速度和更好的用户体验。了解更多信息,请访问:
腾讯云内容分发网络(CDN)
相关搜索:
Bootstrap "img-responsive“在我的代码中不起作用,为什么?
Intellij的想法。我在源代码中看不到javadoc
React -我看不到来自fetch post的响应
React.js:为什么我在浏览器上看不到HTML内容?
Url和img变量无法在我的react应用程序中呈现
为什么我在Django上看不到用户添加的信息?
为什么我在画布上看不到图像?
使用React时,我的img src有问题
在一个html img滑块上的React onchange函数
如何在我的SharePoint WebPage上创建img按钮
相关搜索:
Bootstrap "img-responsive“在我的代码中不起作用,为什么?
Intellij的想法。我在源代码中看不到javadoc
React -我看不到来自fetch post的响应
React.js:为什么我在浏览器上看不到HTML内容?
Url和img变量无法在我的react应用程序中呈现
为什么我在Django上看不到用户添加的信息?
为什么我在画布上看不到图像?
使用React时,我的img src有问题
在一个html img滑块上的React onchange函数
如何在我的SharePoint WebPage上创建img按钮
页面内容是否对你有帮助?
有帮助
没帮助
相关·
内容
文章
问答
(9999+)
视频
沙龙
2
回答
在
我
的
react
上
看不到
img
-(
代码
)
我
将jquery添加到我
的
index.html中,但是
我
不知道为什么
我
看不到
avatar_url和即将到来
的
日期
的
名称如何查看图片和名称?
我
做错了什么?var Card =
React
.createClass({ return {}; componentDidMountge
浏览 1
提问于2018-03-01
得票数 0
回答已采纳
1
回答
如何在
react
惰性回退中使用图像
我
想创建一个带有图像
的
加载屏幕 Router.js文件 const Home = lazy(() => import("..); } 问题是-当我只是导出文本时,它会显示它,但是当我导出<
img
>而不是显示图像时,它会显示一个空白页面,即使
我
在
加载过程中检查了页面,
我
甚至
看不到
源
代码
中
的
<
img
>标记 import
React
from "
r
浏览 16
提问于2020-03-31
得票数 1
回答已采纳
1
回答
复制zsh
上
的
许多文件
、
、
、
我
正在尝试将
img
1.jpg
img
2.jpg
img
3.jpg
img
4.jpg
img
5.jpg从当前目录复制到目标文件夹
我
找到了括号语法并尝试了 cp ./
img
{1..5}.jpg /Users/seven/dev/Mentoring/
React
TS/parallax-bg-
img
/public/
img</em
浏览 14
提问于2021-05-17
得票数 1
回答已采纳
1
回答
如何修复
在
codesandbox上不起作用
的
svg图标
、
、
、
、
我
目前正在尝试
在
codesandbox
上
的
一个
react
小项目中使用带有' use‘标签
的
图标。不幸
的
是,你
在
屏幕
上
看不到
任何图标。下面是发生问题
的
链接,第45行。
我
已经尝试将svg放在public文件夹中,并在head中使用link标签来引用它。仍然不起作用。 <use xlinkHref="./
img
/sprite
浏览 8
提问于2019-10-24
得票数 2
2
回答
在
反应中不闪烁地重新加载实时图像
、
、
我
想重新加载一个图像在一个静态URL无限期
的
反应。通过一些搜索,
我
得出了下面这个不太理想
的
解决方案。它可以工作,但我想消除闪烁
的
图像加载。
我
意识到问题是组件被重新呈现,然后图像加载.
我
看过几个例子,它们使用两个图像--一个作为占位符,另一个是隐藏
的
,直到它使用onLoad和setState加载,但它们都假设有有限数量
的
图像。
我
如何使这个显示
在
CardMedia中
的
最后一个图像,直到
浏览 0
提问于2018-04-17
得票数 5
回答已采纳
2
回答
根据
React
中
的
初始加载宽度动态格式化
img
宽度
、
、
、
、
我
想根据
React
组件中加载
的
初始宽度或高度动态格式化
img
的
宽度或高度,但以下两种方法都不起作用,第一种方法根本不呈现
img
,第二种方法无法找到some-
img
。
我
想做
的
事情可能吗?const
img
= new Image() const height =
img
.height const width = <e
浏览 0
提问于2018-01-24
得票数 0
2
回答
Particle.js没有
在
ReactJS网站上工作
、
、
我
一直试图
在
我
的
投资组合网站上实现Particles.js,但没有成功。下面是
我
在库中运行
的
代码
行,以使其运行:npm install
react
-particles-js
我
已经提到了和,并且在他们进行
代码
的
过程中继续使用它们
的
代码
,但是
在
我
的
页面上似乎什么也
浏览 4
提问于2021-07-16
得票数 0
回答已采纳
4
回答
React
SVG未显示
、
、
我
在
react
应用程序中显示SVG时遇到问题。
代码
如下: <use xlinkHref="#svg-arrow" />.user-quickviewtransform: rotate(90deg);.svg-arrow { height: 8px; cu
浏览 14
提问于2017-04-25
得票数 7
1
回答
反应本机未显示状态函数图像
谢谢你看了这个话题:)
我
还在学习如何按照关于应用程序
的
方式做出反应,
我
想通过点击button.so来给出改变图片,至少
我
试着做
我
自己
的
code.as,它在手机应用程序
上
的
工作没有出现错误,问题是
我
看不到
app.but按钮
上
的
图像正在工作。
在
我
稍后更改之前,它们会显示黄色警告信息。
在</em
浏览 1
提问于2020-04-09
得票数 0
回答已采纳
2
回答
在
自动化测试中单击某个元素时遇到问题
、
我
目前正在为
我
工作
的
公司构建一个测试工具。
我
有使用C#和WatiN
的
经验,从来没有遇到过
我
现在遇到
的
问题。下面是给我这个问题
的
页面的标记片段: <span onClick="toggleMenu(1, false);"> <span id=&quo
浏览 2
提问于2011-08-11
得票数 3
回答已采纳
1
回答
在
图像区域
上
创建链接
、
、
我
想将图像中
的
区域设置为可点击
的
区域,以转到其他页面。
我
希望头部区域有一个指向另一页
的
锚。
我
读过: import
React
from '
react
'; con
浏览 0
提问于2018-06-09
得票数 0
回答已采纳
1
回答
动态图像不渲染
我
想要动态渲染图像,但是什么都没有显示出来。下面是
我
在
Import image dynamically in
React
component中使用
的
起始
代码
。import
React
, { Component, Fragment } from '
react
'; constructor(propsimage } = this.state; retur
浏览 12
提问于2021-01-21
得票数 0
1
回答
我
看不到
这个
react
代码
的
任何输出
1.
我
是个新手,
我
不明白这段
代码
出了什么问题。 render: function () { <div>
浏览 0
提问于2017-09-06
得票数 0
1
回答
如何在
React
.js应用程序中显示json文件中
的
图像?
、
、
、
我
正在开发一个关于
React
.js
的
小网站/项目组合,
我
在
显示存储
在
json文件中
的
图像时遇到了一些问题。export const GaleriesData = [ id: 1, “../assets/
img</e
浏览 4
提问于2021-05-17
得票数 0
3
回答
封闭div元素
的
解析错误(未确定
的
JSX语法)
、
*这就是终端向我展示
的
*1.这是card.js文件--> <div> <
img
src="" alt="roboIMG"&
浏览 55
提问于2020-02-04
得票数 0
回答已采纳
5
回答
加载微调器时出现问题- ReactJS
、
、
、
我
是ReactJS
的
新手,所以我可能没有注意到这里
的
一些明显
的
东西。问题是
在
加载时
看不到
。
我
在
return()之前尝试过alert和console.log,它也不起作用。
代码
如下,组件链接成功:import styled, {keyframes} from 'styled-componen
浏览 0
提问于2019-10-18
得票数 0
2
回答
如何在Chrome离线时显示图像
、
、
、
我
尝试
在
Chrome浏览器离线时显示图像,当它在线时显示网页。
我
将图像转换为base64数据,并尝试将其加载到
img
标记中,但是base64数据太大。 有没有办法
在
浏览器离线时显示图像?web page to show</div>) <p>The browser is offline now</p> //
img
浏览 18
提问于2019-09-25
得票数 4
5
回答
反应元件中
的
背景图像
、
、
、
、
我
正在构建一个页面,
我
想要一个material元素使用background-image CSS属性拥有一个背景图像。当然,
我
在
谷歌
上
搜索过,有一些解决方案,但出于某种原因,
我
看不到
这个图像。P.S.1:即使将MUI元素更改为正则元素也对
我
毫无帮助。import
Reac
浏览 6
提问于2017-11-06
得票数 25
回答已采纳
2
回答
如何覆盖默认类型?
、
我
正在研究可访问性,并认为“
我
将在
我
的
项目中将alt作为一个必需
的
属性。”
我
的
目标是让
我
的
react
应用程序中
的
所有
img
标记都抱怨没有提供alt属性。因此,
我
创建了一个.d.ts文件,其中添加了以下内容: declare module
浏览 0
提问于2018-12-07
得票数 6
1
回答
将缓冲区数组转换为图像
、
、
、
我
在
express服务器上有以下
代码
,用于读取图像并通过api将其发送到客户端 router.get("/file",async (req,res)=>{ const result = await SELECT("..."); var bitMap}}) api数
浏览 24
提问于2020-03-28
得票数 0
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
在NPM上发布自己的React组件
趣图:GitHub 上的代码 vs 我的代码
我从StackOverflow上复制的代码就是这样的
当你在论坛上喷大佬的代码有瑕疵……
黑客把Snapchat的源代码发布在GitHub上
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券