在react应用程序中使用require加载图像

文章/答案/技术大牛

发布

1回答

使用require()导入响应组件和图像

reactjs

在React中，加载图像与使用require()加载组件有什么区别？当我使用require(“图像路径”)加载图像时，它可以工作。当我使用require("component")加载一个React组件时，我会得到一个错误。

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

2回答

javascript、reactjs、create-react-app

从websocket返回的卡片名称与图像的文件名匹配，例如"map“对应图像"map.jpg”。我尝试在数组上进行映射&为数组中的每个卡名创建一个图像标记。我读到最好的方法是使用require()，所以我尝试这样做 //inside component... socket.on(RECEIVED_STARTING_HAND,/card_images/${cardName}.jpg`)}&#x

浏览 32提问于2020-08-19得票数 0

2回答

React Native Image:如何根据输入属性渲染特定图像？

reactjs、react-native、conditional-statements、react-native-image

在我的React Native应用程序中，我有一个组件，其中包含我想要依赖于输入属性的Image的source。我尝试了以下两种方法： <Image source={require('@images/'+this.props.image+'.png')}/> 和 <Image source={require(this.props.image我唯一能想到的其他解决方案是 <Image source={<em

浏览 51提问于2020-05-04得票数 0

1回答

未在设备上加载图像，但在Emulator上加载

android、react-native、react-native-android

我正在从事原生react的工作，开发一个应用程序&在Android中完全是新的。我在android-studio中打开了react-native的android项目，并在设备上运行它。但整个应用程序中的图像都没有加载到设备中，但它们正在Emulator中加载。在登录屏幕中，登录图像已加载</em

浏览 20提问于2019-09-11得票数 0

2回答

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

ios、image、react-native

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

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

1回答

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

android、react-native

我正在尝试使用本地文件路径动态加载图像。所有图像都存储在assets文件夹中，服务器api会响应在不同屏幕上显示的图像。它需要动态加载图像，而不是硬编码，因为我试图随机渲染图像。这是我在将文件名作为参数传递给require()时运行应用程序时遇到的错误。我知道，如果它是硬编码的文件路径，这是可行的。错误: index.js:第36行的无效调用: requi

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

1回答

任何关于为什么这个反应组件按钮onClick不会触发的想法

javascript、reactjs、reactjs-flux

我有以下内容： getInitialState:我可以在示例应用程序中看到类似的示例，该示例似乎有效

浏览 2提问于2014-12-09得票数 1

回答已采纳

2回答

React -将静态图像加载到平面列表中

react-native

我是react的新手，我正在编写一个应用程序，将图像从本地文件系统加载到平面列表中，以提供图像选取器。我将图像加载到组件did挂载方法中的数组中，并将其作为数据源添加到状态中，以便在加载图像时触发渲染。我已经尝试了require关键字，这给出了一个语法错误，我也尝试将图像加载为uri，但这呈现了一个空白布局。<

浏览 14提问于2019-05-19得票数 0

回答已采纳

2回答

sqlite、react-native、expo

我在动态加载图像时遇到了问题，在React原生环境中，文件路径存储在sqlite数据库中。考虑三个按钮：“显示image1”、“显示image2”、“显示image3” 我可以简单地使用source={require("./assets/image1.png")}加载映像1，可以使用对所有三个映像的require语句来返回所

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

2回答

背景图像不会在React组件中显示

css、reactjs、components

我正在创建一个简单的React应用程序(使用create react应用程序作为起点)，其中App.js返回以下内容： <div className="App"><NavBar /> </div>} 我正在尝试向Main添加一个图像，如下所示： return (<

浏览 0提问于2019-12-27得票数 1

3回答

如何在React中显示我的图像？

reactjs

我如何在反应中显示我的形象？import macbookPiso from '.

浏览 3提问于2018-01-23得票数 1

回答已采纳

2回答

无法在React本机中使用Require加载图像

android、reactjs、image、api、react-native

我需要动态地从目录中检索图像。图像的名称是通过api从数据库中获取的。如果我硬编码一个在线图像，它可以正常工作，但是当我从db检索数据时，它不会显示任何图像，相反，它会显示错误，上面写着“Uncaught (为了承诺)错误: DeltaPatcher应该在初始化时接收一个基包const image = require("../Images/" + U_dp); <CardItem>

浏览 2提问于2019-05-04得票数 0

回答已采纳

4回答

可以使用react-lazyload延迟加载背景图像吗

javascript、html、css、reactjs、lazy-loading

我已经创建了一个section组件，它将接受图像作为属性，并将其子项作为内容显示在节中，因此该组件将如下所示…… //content</Section> <div> &

浏览 2提问于2016-07-12得票数 8

点击加载更多

使用require()导入响应组件和图像