使用React从Json传递图像名称

文章/答案/技术大牛

发布

1回答

json、reactjs

大家好，我正在尝试用react显示JSON数据。除了图像名称之外，所有来自Json的数据都是没有任何problem.Can的，请告诉我我哪里错了？ ?Json文件和图像在同一目录中，因此我认为img src="../banana.jpg“应该没问题。下面是我的js文件 import React, { Component } from 'react' import ProductInfo fr

浏览 17提问于2019-01-08得票数 1

2回答

react rails宝石在视图帮助器react_component中传递哈希

ruby-on-rails、reactjs

我使用react rails创业板，在将散列传递给react_component视图助手时遇到了困难：React.render(<BookApp books={BOOKS} />, document.getElementById('react-container')); <div id="react-container"> <%= react

浏览 3提问于2016-06-14得票数 0

回答已采纳

2回答

如何使用一个graphql查询中的字段作为过滤器，以便在单独的查询中获得流畅的图像？

javascript、graphql、jsx、gatsby

我有两个graphql源，一个用于流体图像，另一个用于mongo数据库中的字符。我将字符映射到页面，并且我需要使用字符名称(“allMongodbMobileLegendsdevChamps”中的name字段)作为过滤器(可能使用originalName过滤器)来查找流体img。graphql，我会像这样将图像中的src设置为"champ.name“： <Image src = `/path/to/img/${champ.name}.jpg` &

浏览 44提问于2020-08-16得票数 4

1回答

如何将项添加到数组的开头？

javascript、arrays、reactjs、slider、carousel

newSlides } else { slides: slides }我尝试使用

浏览 1提问于2022-01-20得票数 0

1回答

在Gatsby中使用JSON变量匹配查询图像

javascript、reactjs、json、graphiql

因此，我有一个JSON文件，其中包含了我的React项目中的信息。其中一个字段是图像关键字。我想用它来调用一个“显示”文件夹中的图像，在该文件夹中可以转储宣传片图像。"I Hate Hamlet", "image": "iHateHamlet", ] 我做了一个查询，从所说的childImag

浏览 7提问于2021-11-28得票数 0

回答已采纳

1回答

使用express服务器将图片从React前端上传到Mongo db。

node.js、reactjs、mongodb、express

我试着在后端使用multer将图片从React前端发布到我的数据库，当我使用postman上传图像和数据时，一切正常，然而，在我的react前端，我在将图片发布到数据库时遇到了一些问题。前端代码如下 import React, { useState } from "react"; const Shoes = () => {</form&

浏览 12提问于2020-07-09得票数 0

回答已采纳

1回答

道具到状态的反应.图像

javascript、reactjs

我有一个组件，它从API中提取图像。我正在尝试使用react-images从JSON创建一个映像库。我在组件中插入JSON，然后将图像数组设置为图库组件的支柱。我的问题是，在图片库组件中，如何使用src 而不是 URL**.**将图像从道具传递给新的数组？import <em

浏览 3提问于2020-03-02得票数 0

回答已采纳

3回答

我搞不懂为什么国家是没有定义的？

javascript、reactjs

我正在尝试调用Unsplash，以便根据从道具中传递的位置字符串返回图像。我是不是忽略了什么？import React, {Component} from 'react'; import Unspl

浏览 0提问于2018-02-20得票数 2

回答已采纳

2回答

Reactjs基于JSON配置动态呈现组件

javascript、reactjs

我有一个如下的JSON配置content: { type: "ContentContent", data: "content"},} 在react rendercomponent中，是否可以动态传递组件名称以进行react呈现。例如，在这个呈现组件中，可以<

浏览 4提问于2013-12-27得票数 9

回答已采纳

4回答

如何在React.js中从本地Json文件中获取图像Url

javascript、reactjs

我希望能够通过从JSON文件获取URL来显示本地文件夹中的图像。到目前为止，我已经尝试过：使用require时所遇到的错误/图像/安全-Image.jpeg’import { Col, Row, Container, Ima

浏览 5提问于2020-08-04得票数 3

回答已采纳

2回答

Mongodb-如何将集合字段作为变量传递，以便从另一个集合获取数据？

javascript、node.js、arrays、reactjs、mongodb

当从' subject‘集合中传递主题名称时，我正在尝试从'study material’集合中获取与某个主题相关的学习材料。subjectName":"Physics"}).exec((err,materials) =>{ return res.status(400).json({ });

浏览 18提问于2021-09-12得票数 0

2回答

React中的响应式背景图像

reactjs、background-image、responsive、react-bootstrap

我有一个React组件，它被用作我正在构建的站点的主页。我正在使用react-bootstrap，我需要知道如何使用React为这个主页创建一个响应式的背景图像。

浏览 1提问于2019-04-19得票数 4

1回答

在重新加载react时缓存的数据--本地应用程序

javascript、reactjs、react-native

我对react-native和js非常陌生。这个问题我已经有一段时间了。我创建了一个react本机应用程序，它以JSON的形式从服务器中选择数据。然后，在呈现我的视图时使用这些数据。我目前正在服务器上使用一个静态JSON文件，其中包含我想要在应用程序中使用的数据。我面临的挑战是，当我在服务器上编辑JSON文件时，这一点并没有反映在应用程序中。componentDidMount() axios.get('link

浏览 3提问于2017-09-05得票数 2

回答已采纳

1回答

如何在使用nodejs存储的React本机中显示图像？

node.js、reactjs、react-native

我想在我的react本机中显示图像，这是从API获取的。

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

回答已采纳

3回答

如何使用道具形成图像url

reactjs

我将名称作为字符串传递，然后使用名称来形成图像的url。我试过使用后勾"`“，但这也不起作用。import React from 'react'; name: string } const PartnerIcon: React.FC<AppProps> = ({name, description

浏览 0提问于2019-07-23得票数 2

回答已采纳

1回答

React native:通过2个组件将图像路径作为参数传递

javascript、react-native、react-navigation

我正在尝试通过react导航参数将图像路径传递给一个组件，并将该组件作为道具从该组件传递到第三个组件。'name‘作为参数传递，但不能传递图像的uri，甚至不能将其赋值给变量。我在SingleChat上看到的名称被传递到通信对话时没有问题，但当我传递图像时，我得到了错误：“失败的属性类型:无效的属性类型提供给Image。”/assets/onderwe

浏览 21提问于2019-09-04得票数 0

1回答

我如何向API发送带有文件数据的回复post请求？

reactjs、django

在这里，我想用图像注册用户，所以我想在我的格式数据中传递图像和名称。我可以使用一些指导原则上传文件(我不擅长使用react)，但是我不能用我的格式数据传递输入名称。应该遵循哪种程序？import axios from "axios";import { Lin

浏览 1提问于2022-02-24得票数 0

回答已采纳

3回答

将onClick值从一个类传递到另一个类

reactjs、api、react-router、react-props

在Tournaments.js中，我有一个锦标赛名称列表，每个名称都具有唯一的ID，它们都是从API中获取的。现在，每当我单击其中一个锦标赛名称时，我就会得到它的ID，但我需要将这个ID传递给Template.js，在那里我可以根据单击的锦标赛ID获取锦标赛数据。我正试图从孩子到父母之间传递道具，但我现在完全迷失了方向。Tournament.js： import React, { Component } from "react</em

浏览 0提问于2018-04-28得票数 0

回答已采纳

1回答

未定义的对象不是一个对象(求值‘’_object.pros.Naviator.ush“)

react-native、react-native-router-flux、react-native-navigation

我也试过使用navigatorIOS，但问题不会解决。请帮帮忙。import React, { Component } from 'react';import { List, Content, Footer,3000/user

浏览 1提问于2017-03-24得票数 0

回答已采纳

1回答

如何从本机代码访问本地资产

objective-c、react-native

有人知道如何从访问bird.png吗？// app.js NativeModules.MYNativeModule.doSomething("assets/app/images/bird.png")

浏览 0提问于2018-03-26得票数 2

回答已采纳

点击加载更多