如何在ReactJS中动态设置元素名称

文章/答案/技术大牛

发布

2回答

javascript、arrays、reactjs

如何在reactjs中动态设置元素名称？我使用这个将加密图标显示为列表。使用这个库，我们可以获得比特币图标，如<Btc />等。假设我定义了一个加密货币名称(Btc、Eth、Sc等)数组作为状态调用crypto。如何使用map函数动态设置元素名称？

浏览 12提问于2018-02-14得票数 0

回答已采纳

1回答

如何在reactjs中多次显示组件内的组件

reactjs

教育细节将有一组字段，如学位名称、毕业年份、大学名称等。现在，我们需要有一个+(+)和减除(-)按钮，以add和remove more Education 字段。因此，如何在reactJs中实现对教育细节字段集的动态添加和删除。

浏览 7提问于2017-10-30得票数 2

2回答

使用ReactJS呈现Aurelia中的组件

javascript、reactjs、aurelia

要实现这一点，有几个选项(参见和)我现在要做的是创建一个自定义属性，使ReactJS呈现特定元素的innerHTML。但是，由于Aurelia想要遵守web标准，所以它将所有元素名称降为小写。问题是否可以将Aurelia配置为不将

浏览 3提问于2016-06-20得票数 6

2回答

如何在ReactJs中动态改变元素的位置？

javascript、html、css、reactjs

我正在使用ReactJs。我想要动态更改图像的位置。我的sprite.js：import '..如何在ReactJs中动态地改变div元素(在我的例子中是image)的位置？

浏览 0提问于2018-03-12得票数 6

回答已采纳

3回答

如何使用ReactJS动态生成DOM元素？

reactjs

我有包含以下值的数组：如何在ReactJS中使用forEach或map迭代器在DOM中动态生成这些元素？

浏览 1提问于2017-11-16得票数 5

1回答

使用Selenium在ReactJS网页上识别元素，它们是更好的方法吗？

reactjs、selenium、testing

我试图在用reactjs构建的网页上使用Selenium编写web驱动的测试。我可以通过xpath获取元素，但是这并不理想，而且非常有限。当我想要一个特定的元素时，我的主要问题不断出现，比如我刚刚构建的元素，或者如何操作列表中</

浏览 0提问于2018-05-03得票数 10

2回答

在反应呈现中设置HTML标记为null是一种糟糕的做法吗？

reactjs

我在ReactJS文档中找到了关于如何在HTML元素上有条件地设置ID标记的代码示例。如果条件为false，则将ID标记的值设置为null。这是件坏事吗？如果没有满足条件，ReactJS中是否有一种方法可以根本不放置任何ID标记？ ReactDOM.render(<div id={condition ?

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

回答已采纳

1回答

必须通过单击Javascript /ReactJ中的一个按钮发送电子邮件

javascript、html、reactjs、mailto

我必须发送一个商业电子邮件模板与发送者/接收者信息的动态填充与图像，如(徽标)。我正在使用下面的代码与html ( mailto )选项。但无法插入图像。我能得到关于如何在电子邮件模板中插入图像的任何建议吗？(Javascript / ReactJS )+ "&subject=" + escape("Status update") + "&b

浏览 3提问于2017-10-17得票数 1

回答已采纳

2回答

不变冲突:使用React-Router链接查看组件`a`的配置getter回调

reactjs、react-native

Link to="/login"><Text>login</Text></Link> <Link to="/"><Text>Home</Text></Link> 如果我在react-native的代码中包含了这一点

浏览 106提问于2021-01-15得票数 0

1回答

指定元素的位置，React-Bootstrap

javascript、css、twitter-bootstrap、react-bootstrap

我是JS世界的新手，可能遇到了这个简单的问题:我想指定要添加到另一个元素中的元素的位置，我想在应用程序中设置位置，但不是在.css中。className: 'testPlace'}, );

浏览 4提问于2015-09-12得票数 1

2回答

如何在reacjs中获取类名？

reactjs

我们如何在reactjs中检索类元素我使用了下面的javascript代码来获取类元素，但是。有没有可能进入reactjs。

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

1回答

Reactjs -将API数据作为属性传递给Autocomplete组件(Material-UI)

javascript、reactjs、api、autocomplete、material-ui

我是Reactjs的初学者。我正在尝试实现material-ui提供的组件。我想将API链接作为prop传递给元素。但是如何将json标签名作为道具传递到"getOptionLabel“中呢？例如，如果我们考虑返回电视节目名称的，我们需要使用SHOW.NAME来访问节目的名称。getOptionLabel={(option) => option.show.name} 这里，动态部分是“show.name”。如何将其作为道具传递？

浏览 5提问于2020-05-25得票数 0

回答已采纳

2回答

不带模板局部变量的角4访问模板元素

angular、angular-components、angular-template

ChildComponentN)，然后动态地向它添加。每个组件是不同的。我跟随这个来解决我的问题：但是，为了访问通过<div>保存ChildComponent的模板元素(一个简单的@ViewChild )，我需要在这个<div>元素上设置一个模板局部变量。但是，在我的例子中，我不能这样做，因为我不能设置一个带有动态名称的模板局部变量。因此，我的<div>元素只具有一个惟一的id属性，该属性是<em

浏览 3提问于2017-06-30得票数 4

回答已采纳

0回答

如何在reactjs树中添加元素作为标题

reactjs、tree

您好，我正在使用这个( )示例来创建一个动态树。我是reactJS的新手。在Api描述中提到，我们可以使用string/element作为标题。在本例中，字符串用作treenode，我希望使用element作为treenode，因为我希望通过标题名称显示更多信息。谁能告诉我从哪里开始，或在哪里添加元素代码，以便它将显示为所有的父节点和子节点。提前谢谢。

浏览 0提问于2016-07-17得票数 2

回答已采纳

1回答

ReactJS模态窗口中的淡入&尺度效应

css、reactjs

我有一个模态窗口，我用ReactJS.I写的。我需要实现对这个模态window.Something (如 )的淡入缩放效果(请用名称Fade in & Scale 来查看效果)。我找到了一个库，它实现了这个效果 (请用名称Zoom查看效果)，但是没有反应，动态地从DOM中删除元素。

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

回答已采纳

3回答

动态创建React元素

javascript、html、reactjs、chat

我正在和ReactJS (有点Facebook)聊天，我用ReactJS创建了ChatBox，所以当你点击一个在线用户时，必须创建一个ChatBox，我的问题是，有没有办法动态地创建一个ReactJS组件，比如将ChatBox添加到div或另一个React元素中？

浏览 3提问于2015-09-06得票数 3

回答已采纳

1回答

移动键盘打开时React隐藏组件

node.js、reactjs、mobile

我想知道是否有办法隐藏React组件(例如：底部导航栏组件)，而移动(Andriod、iOS等)键盘在屏幕上是打开的。@media (max-height: 400px) { display: none;}

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

5回答

在React中使用内联样式和纯CSS字符串

javascript、css、reactjs

我正在重写一个现有的应用程序，这是基于ReactJS的AngularJS。在App中，用户可以提供CSS样式字符串来设置某些元素的样式。在AngularJS中这是没有问题的，我只需要将'style‘属性设置为给定的字符串即可。在ReactJS中，我不能再这样做了，因为ReactJS需要一个样式对象。我不想改变应用程序的行为，并要求用户现在提供一个与ReactJS兼容的样式对象。在ReactJS</e

浏览 0提问于2015-10-25得票数 9

2回答

在ReactJS项目中使用的NextJS库说明不是构造函数

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

我已经构建了一个ReactJS库，并将其发布给NPM，并在一个标准的ReactJS项目中工作得很好，但是我现在有了一个NextJS，我正在尝试在那里添加它，我希望它能够工作，因为NextJS是一个在ReactJS在app.js中，我有以下内容：import {useEffect} from "react"; ..

浏览 6提问于2022-01-17得票数 3

回答已采纳

1回答

如何在Reactjs中创建动态字段

javascript、dynamic、reactjs、webpack

我是React.i有一个场景，有一个select语句，在用户从下拉列表中选择一个选项时有四个options.based，我需要在一行中创建一个动态输入字段，并将它附加到一个包装器元素中。我正在创建的动态字段对于四个options.the用户来说都是不同的，它们都能够添加输入字段和删除输入字段，就像您在这里看到的那样。但是在上面，我们可以添加和添加相同类型的输入fields.in，我的情况下，动态字段将基于选项selected.so专家，请指导我如何在Rea

浏览 2提问于2016-05-06得票数 0

回答已采纳

点击加载更多