不在浏览器中显示图像- React
不在浏览器中显示图像是指在使用React开发的Web应用程序中，当尝试加载和显示图像时，图像无法正确地在浏览器中显示出来。
造成不在浏览器中显示图像的原因可能有多种，以下是一些常见的可能原因：
- 图像路径错误：在React中，通过指定图像路径来加载图像。如果路径错误或者图像文件不存在，浏览器将无法正确加载图像。
- React组件渲染问题：可能是由于React组件未正确渲染或者未正确设置图像路径，导致图像无法在浏览器中显示出来。
- 图像格式问题：浏览器只能加载支持的图像格式，例如JPEG、PNG、GIF等。如果图像使用的是不支持的格式，浏览器将无法显示图像。
解决不在浏览器中显示图像的问题，可以按照以下步骤进行：
- 检查图像路径：确保图像路径正确，可以尝试使用绝对路径或者相对路径指定图像位置。
- 检查图像文件是否存在：确保图像文件存在于指定路径中，可以通过浏览器直接访问图像路径来验证文件是否存在。
- 检查React组件代码：检查React组件是否正确渲染并设置了正确的图像路径。可以使用React开发工具或者浏览器开发者工具进行调试。
- 检查图像格式：确保使用的图像格式是浏览器支持的格式，如JPEG、PNG、GIF等。可以尝试将图像格式转换为支持的格式。
对于React开发中不显示图像的问题，腾讯云提供了一系列与图像处理相关的产品和服务，例如：
- 腾讯云图片处理（Image Processing）：提供图像处理、编辑、转换等功能，可以对图像进行裁剪、缩放、旋转等操作，满足各种图像处理需求。
- 腾讯云智能图像识别（Image Recognition）：提供基于人工智能的图像识别和分析功能，可以实现图像标签、人脸识别、文字识别等应用。
- 腾讯云存储（Cloud Object Storage，COS）：提供高可靠、低成本的对象存储服务，可用于存储和管理大量图像文件。
以上产品可以根据实际需求选择并集成到React应用中，以满足对图像的处理和展示需求。
相关·内容
我似乎不能理解这个问题。我试图做的是让React尝试验证图像是否返回404来显示替代图像。下面的内容不起作用，因为React不会等待图像尝试加载以返回组件。
getInitialState: function () {
var img = new Image();
img.onerror = function() {
img.src = "alternativeImage.jpg"
},
img.src = this.props.image;
return {image: &
浏览 0提问于2015-03-30得票数 7
回答已采纳
我有一个使用react-redux框架构建的复杂应用程序。在许多事情中，它需要服务于MJPEG图像流。该应用程序有多个选项卡(准确地说，是react-tab)，许多流只在其中一些上可见。当用户以足够快的速度操作应用程序时，视频流将挂起，多个流在浏览器检查窗口中显示为“挂起”。其中许多挂起的流不再可见。
服务流目前是通过react render方法中的简单img标签实现的：
<img src='http://a.b.file.jpg/>
我尝试使用onLoad和onError回调，但如果流在浏览器(开发人员工具窗口)中显示为“挂起”，则这些回调都不会被调用。它是一种检测“挂起
浏览 29提问于2018-09-10得票数 0
1回答
当从服务器呈现一个时，在组件呈现在客户机上之后，我一直看到“无法找到元素”错误。
Uncaught Error: Invariant Violation:
findComponentRoot(..., .1ea0t0y2j9c.$img): Unable to find element.
如果我检查页面源，我可以看到错误中给出的组件的id。
下面是我的设置；我有一个带有控制器的快递服务器，它将组件呈现为字符串并发送到浏览器。一旦浏览器第二次呈现组件，我就会收到错误。我只看到了图像的这个错误。我尝试过其他DOM组件，但它们似乎工作得很好。我确信在客户机上的第二个呈现中有一些变化，但是我已经将
浏览 2提问于2015-03-01得票数 4
回答已采纳
1回答
我遇到了ABCPDF的问题，无法从HTML中渲染PDF格式的图像。我能够通过设置图像元素的高度/宽度属性来部分呈现图像。现在的问题是图像在PDF中没有显示为完整的图像。相反，它显示为一条与其高度相等的细长线条，但宽度仅为3px。图像高/宽为380/680。我在我的代码中设置了3000的渲染延迟，以便于完全加载图像，但这也没有帮助。
有什么建议吗？
谢谢
浏览 0提问于2012-02-02得票数 0
回答已采纳
第一个版本不工作，图像不显示。没有错误，只是不显示任何内容 const grid_display = ({ url, key }) =>
React.createElement("audio", { id: "woof", src: "https://free-screensavers-backgrounds.com/ringtones/funny/dog-barking.mp3"},
React.createElement("div", { onMouseOver: "playSound('woof
浏览 19提问于2019-07-03得票数 0
1回答
我正在尝试为React应用程序创建一种媒体画廊，但问题是有时用户可能会上传一些解磁的图片，我需要以某种方式检查图像是否可以阅读，并且在显示之前不能解磁。我知道在<image/>标签上有一个属性onerror，如果第一个图像不起作用，你可以显示其他图像。 <img src={url} style={style} onError={this.hideImg}/> 但问题是，我使用了一个带有image-background的div，所以它对我不起作用，而且我还需要显示一些文件被解映的通知消息。有没有人知道在react中显示文件之前，有没有一些方法可以检查文件是否有效？
浏览 31提问于2021-10-25得票数 0
回答已采纳
我已经为我的项目创建了一个组件来帮助加载一些图像。这个组件对我来说工作得很好，但是当我尝试进行单元测试时，我遇到了一些使用html Image api的困难：
首先，我的组件使用new Image();语法加载一些图像，下面是组件
import React from 'react';
require('./progressive-image.scss');
export default class ProgressiveImage extends React.Component {
constructor(props) {
super(props
浏览 14提问于2017-02-11得票数 0
回答已采纳
在react/iPad中，我们对history.replace()函数有限制吗？在测试过程中，history.replace()函数不仅在iPads中有效，在安卓手机和平板电脑中也同样有效。
React BrowserRoutes或iPad浏览历史记录是否有任何限制？
浏览 0提问于2019-01-28得票数 0
2回答
加载图像似乎没有问题。但是，在加载它们之后会出现一个问题。。
在我的应用程序中，我在整个游戏中一个接一个地加载卡片图像。一旦我下载了40张卡图像，整个应用程序就会变慢。它总是发生在第40图像，当我继续加载更多的卡图像后，40后，它会变慢后，每次图像加载。
实际细节：
本机与博览会的反应
需要将图像从本地文件夹导入到数组中并导入该数组。
单个图像大小在15 all 120 all之间，所有图像合并在一起：3.1MB
用于显示图像的组件：Image (react本机简单图像组件)
使用Array.map显示所有图像
将所有图像切换到300 of的丑陋图像，使应用程序运行
浏览 2提问于2020-04-05得票数 4
我不能理解问题是什么，我通过fetch得到一个请求，我试着看看会发生什么，但是什么都不起作用
import React from 'react';
import './SearchLine.css';
export class SearchLine extends React.Component {
constructor(props) {
super(props)
this.state = { data: []}
}
MakeARequest(request) {
fetch("h
浏览 2提问于2019-04-21得票数 0
1回答
使用ajax，我得到了一个图像ul数组，创建urls列表并将其添加到页面。之后，我打开Photoswipe滑块来显示这些图像。手机(ipod、htc)出现问题:没有时间加载图片。有没有一种方法可以在打开滑块之前将所有图像加载到temp中？
浏览 2提问于2012-09-06得票数 0
我正在尝试创建一个下面有文本的图像列表。此列表中的所有图像都应该是水平的。我正在使用，它在没有react的情况下工作得很好。
但我想在react中实现，如下所示。
a.subList.map((b) => (
<figure id="figure">
<ul>
<li>
浏览 0提问于2016-12-27得票数 0
回答已采纳
我成功地从我的S3服务器中的Node.js桶下载了一个文件/图像，我从服务器上获取该文件，因为我希望将该文件放入我的React.js客户机中的图像标记中，以便显示该图像。当我使用邮递员时，响应是图像本身显示的。然而，当我使用实际的时，我没有看到任何结果。当我检查DOM元素时，图像标记src等于"Object-response".This，我的代码是这样的：
//connect to s3 and download image
download: async (fileKey)=>{
const downloadParams={
浏览 5提问于2022-04-05得票数 -1
2回答
有没有可能有一个URL，如果它在图像标记中，它将显示图像，但如果它被加载到浏览器中，它将显示HTML页面？
浏览 0提问于2010-12-26得票数 1
回答已采纳
我有一个名为front的创建-反应-应用程序，它会将一些图像发送到我的express服务器。下面是我的项目的结构：my project's structure 我使用express-fileupload模块将图像从React应用程序发送到服务器，它工作得很好。现在，我希望将图像存储在服务器上的文件夹中，并将图像的路径保存到数据库中。 是否可以将图像保存到express应用程序内的react应用程序的公共文件夹中？假设它们位于两个不同的文件夹中。 或者我应该将图像保存在express应用程序中？在这种情况下，我应该如何在我的react应用程序中显示图像，以及保存在数据库中的路径是什么？
浏览 12提问于2020-10-09得票数 0
回答已采纳
1回答
我使用SVGKit库来显示svg图像，但是在图像中有一些额外的编号。
这里是实际的图像：
但是imageView中显示的图像如下所示：
正如您在第二张图片中所看到的，数字显示在顶部和底部，而不是原始图像的一部分。
如何解决这个问题?我第一次使用svg映像，所以我不知道背后的原因。
这里是显示url:中svg图像的代码
let svgURL = URL(string: imageUrl)
let data = try? Data(contentsOf: svgURL)
let receivedIcon: SVGKImage = SVGKImage(data: data)
浏览 2提问于2018-07-10得票数 0
1回答
我是一个使用react和node开发站点的初学者。 我正在尝试建立一个网站，将图像存储在计算机中，并显示其二进制格式(在youtube上看到一个视频，他们告诉图像是以二进制格式存储的)。此外，在调整这些二进制数据时，我可以看到原始图像中的变化。 我正在尝试使用node和react来实现它，但是不知道使用哪个库，是否可以显示图像的二进制数据？ 我寻找了一些用于图像处理的node.js库，但它们是关于调整大小，改变图像的对比度等，而不是显示图像的二进制数据。 如果需要更多信息，请让我知道。请指导我该如何进行。
浏览 24提问于2021-10-09得票数 0
4回答
嗨，我看不到月视图，即使它显示在react工具中。周视图工作正常，但月份视图不显示任何内容。PFA下面的代码。
这是周视图图像。
这是月视图图像。
import localizer from 'react-big-calendar/lib/localizers/globalize';
import globalize from 'globalize';
import BigCalendar from 'react-big-calendar';
import events from './events&#
浏览 5提问于2017-06-14得票数 1
回答已采纳
3回答
当发生signInError时，我目前正在呈现一个子组件。signInError存储在父组件中，如果它不是null，它将呈现<SignInError/>组件，如下所示：
ParentComponent.js
// Some code...
render() {
return(
<div>
<SignInForm
doSignIn={this.doSignIn}
resetSignInError={this.resetSignInError}
signInErr
浏览 6提问于2019-01-08得票数 8
回答已采纳
我在React中做了一个小应用程序，使用Axios获取随机图像。我使用React-bootstrap来设置图像的样式，但是在图像加载完成之前，会显示半秒的小白框。我该如何解决这个问题？
这是我的代码：
import React, { Component } from 'react';
import axios from 'axios';
import { Link } from 'react-router-dom';
import { Image, Button } from 'react-bootstrap';
const
浏览 5提问于2017-08-26得票数 1
回答已采纳
这是我的密码，我不知道我做错了什么。
我使用了一个名为“机器人散列”的网站，它允许我们生成随机的机器人图像，而不管我包含了什么文本，例如robohash.org/test (我在代码中使用过)。
此外，命令提示符显示它已经编译，没有错误或警告。
// Card.js
import React from 'react';
const Card = () => {
return (
<div className = 'tc bg-light-green dib br3 pa3 ma2 grow bw2 shadow-5'>
&
浏览 1提问于2018-08-31得票数 0
回答已采纳
我使用ReactiNative0.68.1和Reactive18，升级后得到了这个错误：
它可以很好地处理表示组件，但是一旦我从“react”切换到一个具有连接功能的智能组件，它就会抛出上述错误。
我的包裹：
"react": "18.0.0",
"react-dom": "18.0.0",
"react-native": "0.68.1",
"react-native-paper": "^4.12.0",
"re
浏览 1提问于2022-04-23得票数 2
1回答
在react本机中，<Image>标记没有正确显示，并且显示了数据库中来自不同src的图像。我多次检查了URL，它不是HTML中显示的URL。
<Image source={{uri: image}} style={styles.image} />
是什么导致了这个小故障？
浏览 3提问于2021-06-15得票数 1
2回答
我有这个JPG映像，我试图在CSS中使用它作为div容器的background-image。所有不同的图像，我已经尝试了工作，但这一个只是不会渲染在视口。如果我去检查元素，当我悬停在元素URL上时，它会显示缩略图。
我试过所有的方法，包括：
把它放在一个img标签中，并给它一个静态的高度/宽度
将其转换为png和svg‘
压缩它
抓取元数据
在不同的HTML/CSS文件中使用它
import image from "./image.jpg";
//using React.js
<img src={image} className=
浏览 7提问于2022-04-11得票数 1
回答已采纳
? 大家好，我正在尝试用react显示JSON数据。除了图像名称之外，所有来自Json的数据都是没有任何problem.Can的，请告诉我我哪里错了？ ? Json文件和图像在同一目录中，因此我认为img src="../banana.jpg“应该没问题。 下面是我的js文件 import React, { Component } from 'react'
import ProductInfo from '../plist.json'
class Products extends Component {
render() {
r
浏览 17提问于2019-01-08得票数 1
1回答
我有一个问题，我觉得有点奇怪，但这对你们来说显然是显而易见的。我正在尝试以blob的形式获取图像，然后将其转换为base64，以便稍后将其存储在Azure存储中。我从一个对象获取图像的URL，并希望将其作为base64下载到我的react应用程序中。我能够得到图像，并将其作为源放在html图像标记中，它工作得很好，图像就会显示出来。在我的服务器上，我可以通过HTTP客户端请求获取映像，并且也可以获得它。
在C#中：
using (var client = new HttpClient())
using (HttpResponseMessage response2 =
await clie
浏览 12提问于2022-03-04得票数 0
我正在创建一个具有图像视图的表行，在该图像视图中，图像将来自远程url。
var pic = Titanium.UI.createImageView({
image:photoUrl,
width:32,
height:32,
left:4,
top:2
});
在安卓上，photoUrl类似于"“，它不会显示任何东西，而在iphone上，它会显示一些默认图片。我是不是遗漏了什么？
浏览 1提问于2012-03-27得票数 0
1回答
假设我想将一些json数据加载到我的应用程序中，然后在使用intel xdk构建的应用程序中显示基于这些返回数据的产品信息。
例如：
{"Title":"Product 1","ImageURL":"http://images.com/images/product/1/image.jpg"}
我可以编写javascript来用返回的URL填充<img>标记，但是如何在我的应用程序中显示它呢?作为<img src="http://images.com/images/product/1/image.jpg&#
浏览 0提问于2014-09-12得票数 1
回答已采纳
1回答
我在一个页面上有多个iframe，当它们开始播放时，它们会自动在移动设备上全屏显示。我正在使用youtube api加载视频，并在顶部有一个自定义播放按钮的“封面”图像。在移动设备上，当用户点击播放按钮时，封面图像消失，视频全屏显示并开始播放--到目前为止还不错。但我需要能够做的是，当用户点击“完成”时，视频会全屏显示(它会这样做)，封面图像就会回来(目前还没有)。问题是，当用户点击“完成”时，我似乎无法检测到。
我试过使用：
$('iframe').bind('webkitendfullscreen', function(){
// code in
浏览 2提问于2017-07-30得票数 0
3回答
浏览器图像渲染
、、、、
我正在使用JavaScript在我的网页上动态调整透明.gif的大小。原始图像大小约为200x200像素，通常会调整到600x600到800x800之间。在IE8和FF3中，调整大小的图像会产生一个漂亮的渐变效果，其中的颜色似乎被拉伸了。但是，在较旧的浏览器中，如IE7和FF2，调整大小的图像不会显示渐变，而只是显示相同颜色的块。显然，浏览器中内置了一些东西导致了这种情况，但是我很好奇是否有一种方法可以在不改变原始图像的情况下解决这个问题。
浏览 1提问于2009-08-21得票数 1
我希望在创建React应用程序项目中使用Workbox。我正在构建一个应用程序，在这种情况下，加载性能不会显示给最终用户，但非常重要的是，在应用程序流中发生的所有事情都不会显示任何加载或部分图像。
我一直在尝试理解Create React App中的预缓存工作流程。当我构建这个项目时，我得到了一个预先缓存的清单文件，但是加载该页面并不会像人们期望的那样急切地加载资产，其名称是“precache”。我想这是有道理的。你不会想在一个普通的网站或应用程序中预先加载每一张图片。
但是，有没有办法强制执行这种不常见的行为，而不必手动请求每个图像？
谢谢!
浏览 0提问于2019-09-17得票数 0
我一直在尝试使用钩子在使用react-pixi的元素上呈现同一图像的10k+实例(通过各种简单的转换，比如旋转/位置)。 import * as React from 'react'
import * as PIXI from 'pixi.js'
import { ParticleContainer, useApp, useTick, Stage, Sprite } from '@inlet/react-pixi'
const texture = PIXI.Texture.from('./images/bg-arrow.png'
浏览 41提问于2020-04-13得票数 1
1回答
我正在做我的第一个React Native项目。在使用模拟器测试该应用程序的iOS版本时，我了解到该应用程序正在显示缓存数据。
我的用例是这样的，在第一个页面中，我显示了一个图像列表，单击图像后，用户将被导航到描述页面。每次用户访问此页面时，都会从服务器获取这些描述。但当我更改服务器数据库中的描述时，它不会反映应用程序。
请指导我解决此问题。我还观察到，在真实设备中的行为是相同的。
浏览 2提问于2018-06-16得票数 1
我创建了一个json文件，在其中我保存了标题、内容和svg图标的url，我在React组件中使用这些图标来呈现UI。不幸的是，不知何故图像没有显示出来，存储在json文件中的其余信息显示出来了。你能帮我指出我做错了什么吗？下面你会看到我的项目树的屏幕截图，我的json文件的一部分，以及我用来用json文件中存储的数据呈现UI的代码。
Menu.js组件代码：
import React from 'react'
import { Container, Row, Col } from 'reactstrap';
import menuTiles fro
浏览 0提问于2020-10-01得票数 0
2回答
我有一个如下形式的对象数组： const myData = [
{
"image": "https://placedog.net/300?random",
"name": "A",
},
{
"image": "https://placedog.net/300?random",
"name": "B",
},
{
"image": "https://placedog.net/300?
浏览 40提问于2020-09-10得票数 0
回答已采纳
我试图了解如何从Java Spring后端获取图像，以便在一个小型React应用程序中显示。
在React中，我试图使用以下代码将img src设置为image-data：
const [image, setImage] = useState("");
const onClickHandler = async () => {
const result = await fetch("http://localhost:8080/gallery/test", {
mode: "no-cors", // 'cors
浏览 4提问于2020-04-20得票数 0
回答已采纳
我可以使用现有的javascript接口，目前附加在我的安卓和iOS项目中的iOS，在React本机应用程序？
React本机不使用WebView来运行自己。但我可以创建它。我的问题是如何使用现有的javascript接口，或者将其附加到React中创建的WebView中，进行某种类型的React扩展等等.
背景：
我有几个使用WebView制作的安卓和ios应用程序。对于WebView，有一个javascript接口(所有应用程序都一样)，用于访问本地设备环境特性(如Cordova/Phonegap)、第三方SDK和库(其中之一是增强现实的SDK)，所以我的javascript "b
浏览 6提问于2016-04-29得票数 0
回答已采纳
每当用户单击图像时，我都在努力实现重定向到另一个页面。这些图像从一个电影API中获取，并映射到img标记中。我希望图像可以将用户重定向到一个名为视频的页面，在该页面中，用户将能够播放各自的视频。当前，当我单击该图像时，URL将发生变化，但没有任何happens.Below是我的代码。我是初学者，希望能得到任何帮助。
Card.js
import React from "react"
// import Hover from "./Hover"
import { Link } from "react-router-dom"
import { Bro
浏览 1提问于2022-02-23得票数 1
回答已采纳
1回答
如何从URL压缩图像？
、、、
我目前正在为一家公司在React中开发一个网站，该网站应该作为一个驱动器存储库，他们将在其中上传文件。我在“照片”文件夹中有性能问题，因为他们上传了很多高分辨率的图片，网站目前正在显示他们的预览。我猜更聪明的解决方案是在上传和保存低分辨率图像时添加某种图像压缩，以便显示为预览，但也许有一种方法可以获得图像的低分辨率版本的url。
浏览 31提问于2019-09-21得票数 1
我有一个动态链接库，并且我正在尝试将jquery进度条包装在一个带有jquery轻量级主题的asp.net服务器控件中。我能够将jquery嵌入到控件中，但是css没有显示出来。我必须将每个图像嵌入到程序集中吗？这是我现在所拥有的
[assembly: WebResource("MyNamespace.jquery-ui-1.8.13.custom.css", "text/css")]
[assembly: WebResource("MyNamespace.jquery-1.5.1.min.js", "text/javascript
浏览 0提问于2011-07-14得票数 0
回答已采纳
我是react和开发react应用程序的新手，我希望用户可以将他/她选择的值保存在前端，以后也可以通过单击按钮看到这些值，用户可以看到之前选择了什么值。现在的问题是如何提供这个功能，我已经研究了它可以通过本地存储或通过react中的数据绑定概念来完成，但我不知道在我的场景中实现哪一个是最好的。
让我用图表给你解释一下。
(带有指标生成的第一张图片)这是我的React应用程序的主页，在“问题和指标”部分下面有一个叫做关联指标的东西，这些值是用户在前端选择自己的值。
(具有详细的用户控件的第二个图像)这是所有用户控件定义的页面，在这里用户可以选择值，在结束时，当用户单击"
浏览 2提问于2019-09-13得票数 0
在我的ReactJS应用程序(create-react- app )中，我有一个锚标记，它具有一个很好的旧href属性，该属性指向一个外部URL，www.google.com，当我单击该DOM元素时，该应用程序将目标URL附加到http://localhost:3000，URI变为http://localhost:3000/www.google.com 我遗漏了什么？ 我尝试过设置rel={'external'}，也尝试过通过onClick={()=>{window.location.assign("www.google.com")}处理它 import
浏览 26提问于2019-05-08得票数 4
2回答
我正在尝试显示和播放视频，但屏幕上什么也没有显示，是不是我的函数或代码有问题？有人能帮我吗？非常感谢!
import React, { useRef } from "react";
import "./Video.css";
function Video() {
const videoRef = useRef(null);
const onVideoPress = () => {
videoRef.current.play();
};
return
浏览 16提问于2021-09-28得票数 0
当我有了反应重定向的问题后，我会回到你身边，我决定从0开始继续我的项目，但我仍然有同样的问题。
当我请求这个页面http://localhost:3000/profil时，我会自动重定向到这个页面，在url的末尾有一个斜杠，例如http://localhost:3000/profil/。
为什么/会自动出现在url http://localhost:3000/profil/的末尾？我哪也不问。
对于测试，Profil页面和Home页面完全相同，应该返回相同的图像，但只有Home页面返回图像。
这是我正在使用的代码
src/index.js
import React from 'reac
浏览 3提问于2022-02-25得票数 0
我正在开发react应用程序，我需要元标记值(描述、标题等).I无法访问它，我需要导航器共享api.My代码如下：
import React, { Component } from 'react';
import { Button } from 'semantic-ui-react'
class App extends Component {
constructor(props){
super(props);
this.getOpenGraphData = this.getOpenGraphData.bind(this);
}
g
浏览 1提问于2018-03-31得票数 0
我已经实现了一个服务器套接字，它在客户端发出http get请求时发送一个文件(在我的例子中是.jpg格式的图像)。使用firefox浏览器(和firebug)进行测试，我看到数据的字节被正确地发送和接收。我唯一的问题是我在浏览器中看不到图像，但我看到了一些奇怪的字符，例如：“ÿÀ�à®�ÿÄ�¾��������������������������!1AQa"q2‘¡B#±ÁRÑbr‚3ðá’¢C$ñ²SÂc4%Òsƒ“D£³T5âÃE„”��！1Aqaq”‘2§±B?Ráñb’#r？，3cs? in���？�？iè4“等等。因此，我假设我的服务器发送的字节是正确的，但它们并不像图像那
浏览 3提问于2013-07-10得票数 0
这个问题已经写好了，但还没有解决，所以我会再上传一次，所以请理解。我创建了一个函数，它在子组件中注册图像，在父组件中使图像可见，并通过在父组件中将url的值设置为"“来擦除图像。我可以很好地看到图像，但是当我擦除图像时，图像的url将被擦除，然后再次输入原始url值。我认为在将url值作为函数从子组件传递到父组件的过程中存在问题。我在上一篇文章中得到了以下答案，我认为这是正确的原因，但我不知道如何修改代码。如果你能告诉我我会很感激的谢谢。
在删除父组件中的图像时，需要将该状态传递给子组件，并确保它与子组件中的类似状态同步。否则，子状态预览将始终有一个值，而且由于toParent回调没有
浏览 4提问于2022-11-10得票数 0
回答已采纳
3回答
到目前为止，我试图使用css显示背景图像，但是该图像没有显示在屏幕上。
这就是我迄今为止所做的：
import React from 'react';
import './LoginScreen.css';
const LoginScreen = ()=>{
return (
<div className="container">
</div>
)
}
export default LoginScreen;
*,*::before,*
浏览 2提问于2022-08-24得票数 0
2回答
很抱歉问这个问题，因为它困扰了我很长时间使用Codeigniter。这就是我在做的事情。如下图所示，我正在显示一个表单，其中有一个按钮“下载”。这个下载按钮应该把图片下载到PDF文件中，上面写着详细信息(那些在红色方框中)。
所以这就是我正在做的过程。
使用PHP函数imagecreatefromjpeg.动态创建图像
下载/复制在URL中生成的图像，并将其保存在服务器的一个文件夹中
使用引用动态创建的映像的mpdf生成PDF。
我现在可以像下面这样动态地创建一个图像。我可以在图像中写入文本(见2015年在图像中写入的文本)
我的问题是，当我单击“下载”按钮时，
浏览 3提问于2015-11-19得票数 0
回答已采纳
3回答
我正在构建一个使用React的网站，并且我试图在登录后将用户重定向到索引页面，但是我的组件没有呈现任何内容，尽管我被重定向了，并且我可以看到URL从/迎宾#/登录到/main。由于我没有收到任何错误信息，webpack正在被成功编译，我再也看不出出了什么问题。有什么可能是错误的想法吗？
非常感谢!
Start.js
import React from "react";
import ReactDOM from "react-dom";
import Welcome from "./welcome";
import { App } from
浏览 6提问于2019-12-06得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
