React -动态渲染图像

文章/答案/技术大牛

发布

2回答

javascript、reactjs、jsx

我基本上是想通过连接url和一个包含图像名称的变量来动态上传图像：// imageStore[i] prints the name of the image 正如上面的注释所说，如果我在p标记之类的内容中插入变量，imageStorei会打印出图像的名称更奇怪的是，当应用程序最初渲染时，我可以清楚地看到图像出现的时间很短，然后它就会出现错误消息，这意味着它根本不是未定义的。

浏览 4提问于2017-07-28得票数 0

1回答

如何在react中动态渲染图像？

reactjs、typescript

如何在react / typescript中动态渲染/导入图像？以下是我想要实现的目标。 )} );我想根据上面的逻辑动态地导入和渲染图像但在reac

浏览 3提问于2021-04-19得票数 1

1回答

动态图像不渲染

reactjs

我想要动态渲染图像，但是什么都没有显示出来。下面是我在Import image dynamically in React component中使用的起始代码。import React, { Component, Fragment } from 'react'; constructor(props& <img src={image} alt="" />

浏览 12提问于2021-01-21得票数 0

2回答

动态更改抽屉左右按钮图像？

react-native、drawer、react-native-router-flux

react-native-router-flux v3.37.0 react-native v0.42.0我正在尝试动态更新抽屉导航栏右侧的图像，其中我使用了leftButtonImage，rightButtonImage，一旦用户阅读了所有通知，我想要更改按钮图像。我无法重新渲染或更新此按钮图像，是此功能不受支持还是我遗漏了什么？

浏览 9提问于2017-07-04得票数 1

2回答

React/JS -动态渲染图像

javascript、reactjs、typescript

我正尝试在我的动态表组件中使用this set of icons here。

浏览 27提问于2020-08-06得票数 0

回答已采纳

1回答

在Gatsby中动态呈现图像

javascript、reactjs、gatsby

我正在写基于React，TS和Gatsby的博客。{data.markdownRemark.frontmatter.imgs.map((imgPath) => { const imgPatha = `..:2560图像未加载./图像/

浏览 2提问于2021-06-10得票数 0

1回答

使用React* Native显示文件夹中的图像*

image、react-native

因此，显示图像的标准方法是<Image style={styles.img} source={require('..

浏览 12提问于2019-11-25得票数 0

回答已采纳

1回答

在React* Native中使用文件路径动态加载图像*

android、react-native

我正在尝试使用本地文件路径动态加载图像。所有图像都存储在assets文件夹中，服务器api会响应在不同屏幕上显示的图像。它需要动态加载图像，而不是硬编码，因为我试图随机渲染图像。错误: index.js:第36行的无效调用: require(item) import { Text, View, Image,

浏览 0提问于2021-10-04得票数 2

2回答

ReactNative - Android在5月份的图片浏览中速度极慢

react-native、react-native-android

我正在实现一个有很多图像视图的主屏幕。这个概念就像Photoshop的图层。每层都是一个图像视图(PNG)。屏幕包含20-30张图片。资产存储在本地。react-native版本是0.59.10。

浏览 4提问于2020-01-11得票数 0

1回答

在React* Native中显示图片*

image、react-native

我正在用Expo制作一个React Native应用程序。在我的应用程序中，我通过网站的应用程序接口上传了一些图片，保存在本地数据库(SQLite)中。问题是我想像一个画廊一样展示这些图片，但我不能。

浏览 1提问于2018-08-12得票数 2

1回答

在React重新渲染后刷新Zurb Foundation 6

javascript、reactjs、zurb-foundation

我使用React来呈现组件。First time all工作，因为我调用了jQuery(document).foundation()；但是当react组件被重新渲染时(例如，当我添加新图像时)，那么动态观察就不显示了。

浏览 9提问于2017-08-11得票数 0

2回答

如何使用React或Angular创建仅在需要时加载的可重用图库

javascript、jquery、angularjs、node.js、reactjs

我所有的web应用都使用nodejs，我想知道react是否能解决我面临的问题。问题是:当您需要显示一个展示多个图像的弹出式图片库时，该怎么办。

浏览 20提问于2017-06-19得票数 0

1回答

当图像名称包含空格时，如何在React中渲染图像？

javascript、html、reactjs、image

我正在使用React引用一些名称中有空格的(本地)图像。例如。但是，React无法加载/渲染图像。图像位于/public文件夹中，我仔细检查了文件名/路径。我还尝试使用encodeURIComponent()作为路径，但也不起作用。但是，当我删除图像名称中的空格时，React能够正确地渲染<

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

2回答

更准确地说:有一个表示龙的div，它的属性(顶部、左侧、宽度、高度和背景图像)总是在变化。在开发的第一阶段，我遇到了令人恼火的眨眼和闪烁，因为我重新渲染了图像。怎样才能避免呢？它仅在使用onLoad方法加载图像后才会出现。此外，我还尝试使用refs来尝试观察图像的完整属性，但这总是正确的-可能是因为图像的大小非常小。我读过这个建议：并决定立即渲染所有的步骤图像，但只渲染不透明度为1的图像，其他图像

浏览 4提问于2019-05-11得票数 4

5回答

Next JS与Puppeteer JS的区别

reactjs、puppeteer、server-side-rendering、next.js

我看过，他们建议对JS构建的应用程序(React、Vue等)使用动态渲染。实现这一点的工具之一是使用Puppeteer JS。我需要创建一个严重依赖搜索引擎优化的应用程序，所以服务器端渲染(SSR)是非常重要的。我知道Next JS默认完成SSR，但是我能用Puppeteer + Create React App做同样的事情吗？Next JS和Puppeteer在SSR和动态渲染方面有什么不同，哪一个更适合SSR？

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

1回答

有没有办法动态创建和下载react组件？

javascript、reactjs

我有一个需要动态渲染react组件并将输出下载为图像的情况，我开始编写一个示例来实现此目标，但似乎我正在使用的库无法生成react组件。如果你查看下面代码中的downloadFile函数，你会发现我正在向该函数传递一个react组件，文件似乎已损坏，我将图像类型更改为text，但它不起作用：import Eye from "

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

1回答

react-未加载名称中包含空格的本机映像

javascript、reactjs、typescript、react-native

我正在尝试使用我的react原生应用程序中的图像。在这一点上，我几乎没有代码。这就是我现在拥有的所有代码 import React from 'react';importfrom 'react'; import { View, Text, Image, ImageSourcePropType } from '

浏览 6提问于2021-09-20得票数 2

3回答

使用动态/本地URI未显示的图像

javascript、react-native、jsx、react-native-image-picker

因此，我试图使用动态uri/path显示图像(初始化时显示占位符图像，然后更改)，如下所示：然后添加图像标记，如： <Image source={{uri: this

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

回答已采纳

2回答

我需要循环浏览一组图像，然后一个接一个地显示它们。

android、reactjs、react-native

我有一组图像(1.png，2.png，3.png ).20.巴布亚新几内亚)。我想在一个循环中一个接一个地显示这些图像，所以它看起来就像前端的视频。我尝试过一些编码，但失败了。

浏览 1提问于2019-08-12得票数 3

回答已采纳

2回答

如何防止React* Native中的静态图像在iOS上异步卡顿/加载*

ios、image、react-native

我很难让React Native中的图像按我想要的方式工作。因为RN中的图像是在单独的线程中进行本机解码的，所以React Native会在每个单独的图像加载后，在不同的时间显示我的组件中使用的图像(背景图像、手柄、旋钮、滑块)，而不是在组件准备就绪时立即显示整个组件我使用了require方法来渲染图像： <Image source={require('./component-bg.png')} &

浏览 64提问于2015-12-15得票数 23

点击加载更多