如何在React组件中传递图片的路径？

文章/答案/技术大牛

发布

1回答

reactjs、typescript

所以我有一个看起来像这样的组件 import React from "react"; name: string; </> ); } app.tsx文件如下所示 imp

浏览 6提问于2020-12-02得票数 0

1回答

React中js对象的相对图像路径

javascript、reactjs、path

在<code>D0</code>应用程序中，我使用的是<code>C1</code>。我让用户选择我的一个图库，然后将包含图像路径的数组传递给<code>D2</code>组件。如果我使用绝对路径，它就会起作用，如下所示：我的文件结构如下： <code>A

浏览 20提问于2021-06-14得票数 0

回答已采纳

1回答

onChange函数不能在具有react rails的erb中的react组件中工作

ruby-on-rails、reactjs、react-rails

我在使用rails 5.1.7和function rails创业板，在我的erb视图中使用了react_component()助手的function组件，我试图使onChange事件正常工作，但是函数没有以任何方式响应import React from "react" }

浏览 5提问于2020-09-17得票数 0

回答已采纳

3回答

不显示本地文件(react)

javascript、html、css、linux、reactjs

该文件位于一个名为images的文件夹中，而我尝试使用该图像的js文件位于一个名为Pages的文件夹中。这两个文件夹都在同一个目录中。 ? <img src='../images/img.png' alt='template'/> 这就是im使用标记和浏览器在无效图像上显示带有图标的alt名称的方式。

浏览 56提问于2019-12-18得票数 0

回答已采纳

2回答

这是否只能通过外部URL而不是本地URL实现？

reactjs、image、gallery、gatsby、react-image

我试着用react制作一个图片库--图片，URL是正确的，但是照片本身并没有加载到我的web应用程序中。当将modalIsOpen:false切换为true时，我会得到损坏的图像图标。我试着查找同样的问题和替代方案的例子，比如组件配置是否正确，或者我是否在类中正确地扩展它。import React, { Component } from 'react'; imp

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

回答已采纳

8回答

警告:收到非布尔型属性的` `false`‘。如何传递自定义布尔值属性的布尔值？

reactjs、styled-components、react-16

如何在React的自定义属性中传递布尔值？

浏览 833提问于2018-04-12得票数 73

回答已采纳

3回答

React路由器v4共享布局重新呈现

reactjs、react-router、react-router-dom

我遇到的问题是，当我使用类似于页面布局的组件来包装我的路由时，这个页面布局是在更改路径时重新呈现的。在react路由器v3中，我做了这样的事情： <Route path="/"> <IndexRedirect to现在，在react路由器v4中，我已经尝

浏览 9提问于2017-05-17得票数 2

1回答

要求非静态图像在React本机中

javascript、image、react-native、require

我有一个特殊的文件夹在我的反应本机应用程序中的图像。这些图片的路径存储在作为支柱传递给Card组件的特殊对象中。所以，我不能使用require，因为它只使用静态路径字符串。如何使用从我的道具加载这些图像？这是我的尝试：import {

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

回答已采纳

1回答

使用react进行动态路由

javascript、reactjs、react-router-v4

我想知道如何在React中将单击的项id传递到路由路径？这是我的父组件 export default class ParentComponent extends Component { data: null render我想知道如何以及在哪里动态地传递childComponent this item id like path参数。我的id在this.state.data.id中</

浏览 6提问于2019-05-15得票数 1

回答已采纳

1回答

如何通过inputProps在复选框组件中添加数据属性

reactjs、typescript、checkbox、attributes、office-ui-fabric

我使用用when +类型记录编写的Fabric组件，在使用复选框组件时，我可以添加自定义属性(如data-id等)--这也是在文档：上写的。用于字段HTMLAttribute的React data接口需要string值。据我所见，React的HTMLAttribute接口是通用接口，复选框组件将这个接口传递给

浏览 1提问于2018-06-21得票数 0

回答已采纳

1回答

在React* Redux应用程序中使用函数式编程模拟继承*

reactjs、inheritance、functional-programming、redux、composition

我有一个组件，我希望能够覆盖该组件中的render方法和某些方法。在React中，您不能使用继承。在函数式编程中可能有一种使用组合的方法，但如何将渲染和所有方法组合到单独的组件中呢？对于React默认组件函数(如componentDidUpdate )，您是否能够将其组合为一个单独的组件，并引入到更高级别的<e

浏览 2提问于2017-11-09得票数 0

1回答

使用反应性路由器v4将道具传递给子组件

javascript、reactjs、react-router、react-router-component

以前在react路由器v3.*我把道具传给子组件这是如何在使用新的v4 API的反应性路由器<Match />中完成的？到目前为止，我提出的解决方案是在render API中使用<Match />方法： <Match pattern="/" rende

浏览 1提问于2016-11-04得票数 4

回答已采纳

2回答

如何在react* js中的两个独立组件之间发送数据，而无需使用上下文api或redux*

reactjs、components

我是经验丰富的react开发人员，但我不知道这个问题的答案。在一次面试中，他们问我这个问题。有人能给我答案吗？

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

2回答

反应路由器V4 -如何只有对角？

reactjs、react-router

当param处于路径时，将处于活动模式，rest将处于非活动模式并显示消息。组件需要读取url参数。如果我使用路径，那么在每个时刻，我只能显示一个组件。想到的第一个解决方案是没有路径，只有路径旁。我需要读取app.js上的路由参数以显示active/deactive，也可以在app.js内部

浏览 0提问于2019-03-16得票数 0

2回答

显示所选图像的图像详细信息

reactjs、axios、react-hooks、react-router、react-state

我使用的API每次都会返回随机图像。这个应用程序当前显示了6个来自API的随机图像，但是我现在正在尝试实现一个显示图像数据的页面，例如日期，描述等。我如何处理这一点，因为每次我在详细信息页面上请求时，都会收到新的数据。显示图像和标题的页面： import React, { useState, useEffect } from "react"; import { Link } from "react-router-dom,

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

回答已采纳

3回答

在JSX.Element和React.Component之间的区别以及何时将它们与React* dom-路由器一起使用之间的混淆*

javascript、reactjs、typescript、react-router-dom

我正在启动一个新的react-typescript项目，我正在使用react-router-dom管理路由，但在浏览器计数器中遇到了以下错误： </div> )} class Hostel extends React.Component为什么我不能使用React.Component？

浏览 8提问于2022-03-14得票数 2

1回答

在组件中反应延迟加载图像，该组件将图像源作为属性传递

javascript、reactjs、frontend、lazy-loading、create-react-app

我有一个用create-react-app创建的React应用程序。它包含标准的src/目录，我已经创建了一个src/assets/home/目录，其中保存了我打算在项目中使用的图像文件。我不确定如何在我的应用程序的组件中正确获取图像引用。我有以下组件，我传递了一组路径为src/scenes/Home/Infog

浏览 7提问于2020-06-17得票数 0

1回答

如何在嵌套的功能组件中传递道具

javascript、reactjs

我正在开发一个react.js应用程序，其中有两个组件，如所附图片所示。下面的图片可以让这个解释更清楚一些。</ProfileScreen> 我从UpdateProfileScreen、UpdatePasswordScreen和SavedCardScreen组件中</e

浏览 0提问于2021-07-24得票数 0

1回答

在React.js中拖放。如何在setDragImage中传递自定义react组件

javascript、reactjs

我在React.js中实现了拖放。如何在React.js中实现Darg和Drop中传递自定义react组件。我想让我的自定义react组件作为拖拽组件的预览图像。如何在setDragImage中传递自定义react组件。我不想要图像。text/ht

浏览 58提问于2019-05-09得票数 7

1回答

如何防止我的带记忆的React组件在React* DevTools中显示为“匿名”？*

reactjs

在使用React.memo定义React组件时，如 const MyComponent = React.memo((props) => <div>...</div>); React DevTools在组件树中将该组件标记为“匿名”。如果应用程序包含多个内存组件，这可能会使调试变得混乱。如何在React DevTools中显示我的</

浏览 21提问于2021-09-06得票数 0

回答已采纳

点击加载更多