如何在ReactJs中使用map呈现字符串数组？

文章/答案/技术大牛

发布

1回答

地图中的内容不会渲染

reactjs

当我呈现这段代码时，comments数组中的comment没有显示给组件，这是一段reactjs代码 { } &

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

2回答

如何映射嵌套级别未知的数组？

javascript、arrays、json、reactjs、rendering

我有一个可以有答案的注释数组，所以数组中的每个元素(注释)都可以有嵌套元素(注释)，并且嵌套级别是未知的，但我需要在ReactJs中呈现这个数组，以显示具有给定嵌套级别的注释。我希望看到一个如何使用ReactJs呈现它的示例，但是一个如何在JavaScript中映射这样的数组的示例也会很有帮助。我的数组比字符串数组</e

浏览 18提问于2020-04-07得票数 2

回答已采纳

2回答

在ReactJS中，有没有一种方法可以过滤正在迭代的渲染结果？

node.js、reactjs、react-jsx

在AngularJS中，您可以使用"filter“来缩小ng-repeat的结果范围，如下所示：目前，我正在使用Array.map()在ReactJS中呈现数组中的多个项，我想知道如何在ReactJS中准确地复制Angular的ng-repeat过滤器

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

2回答

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

javascript、arrays、reactjs

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

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

回答已采纳

1回答

如何调试API调用(抓取请求)？

reactjs、api、axios

我正在使用react并尝试从这个https://6033c4d8843b15001793194e.mockapi.io/api/locations接口获取数据我想要获取名称，但它没有加载任何内容。我如何调试它，并查看我的代码中哪些部分工作正常，哪些部分不工作？我想从该API中检索名称或用户计数

浏览 23提问于2021-09-02得票数 0

2回答

javascript、arrays、reactjs、jsx

基本上，我希望将数组中的每个字符串放在一个单独的div中，我试图这样做，但没有呈现任何内容 export default class Loja extends Component { const { category } = this.state; <p>{category.map

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

回答已采纳

2回答

在下面的代码片段中，如何在从另一个类导入的自定义JSX标记中换行：

javascript、node.js、reactjs、jsx

escalated ticket/incident management support" /> 在这里，我想在第二个点之后换行，我尝试了'\n‘和br，这个标签是通过以下代码在JSX中制作的

浏览 18提问于2020-09-20得票数 0

回答已采纳

2回答

作为练习，我正在将从jQuery (Re)实现转换为我想要的惯用ReactJS。我正在(尝试)使用作为我的推荐人。 jQuery重新实现将状态存储为字符数组的数组。我目前正在尝试在ReactJS中呈现初始状态。最初，我将getInitialState()设置为返回最初返回的数据(数组的数组)。这并不管用，因为ReactJS似乎想要一个对象而不是一个数组()。本教程在“教程10”一节中使用</

浏览 2提问于2014-12-19得票数 0

3回答

For循环可能不会呈现组件

javascript、reactjs、for-loop

我面临的问题是，我希望呈现一个组件，就像我在for循环中分配的一样多，在这个例子中是5次， for (var k = 0; k <= 5; k++) { return(

浏览 22提问于2020-04-11得票数 0

回答已采纳

3回答

云存储镜像未在.map列表中重定向

javascript、reactjs、react-native、google-cloud-storage、firebase-storage

我正在制作一个从我的Firebase Cloud Firestore中获取的.map中的帖子列表。我也有照片连接到每个帖子，我通过使用云存储中的post.title + '.jpg'来获取它们。帖子的标题很吸引人，但当使用fetchImage时，它不会显示在帖子中。它显示在console.log中。我也可以从控制台访问url，所以没什么问题。有什么想法吗？{this.state.posts.map((post,

浏览 0提问于2018-10-16得票数 1

1回答

如何处理和呈现多个api响应，在组件中包含5000多个字符串数组。

reactjs

在表单提交时，我并行地调用了多个api，这些api以json格式返回大量数据(每个api调用的数组中大约有6-10,000个字符串)，在此之后，我需要将这些记录显示在不同的引导卡中，作为复选框列表。请任何人指导我如何在哪里存储响应数据，以及如何在引导卡中呈现响应数据，引导卡是一个reactjs组件。

浏览 0提问于2019-04-29得票数 1

回答已采纳

1回答

javascript中的map函数对React组件没有正常工作。

javascript、reactjs

我正在使用ReactJs.I进行一个项目。我在javascript中有一个数组，它的值将来自后端。因此，数组的长度将是dynamic.So，如果数组元素包含字符串'No Email Alerts‘，我的UI将更改。因此，我在数组组件上编写了一个映射，并试图以以下方式呈现它： return (<Some_Other

浏览 0提问于2018-10-08得票数 1

回答已采纳

1回答

从ReactJS编辑云Firestore记录

javascript、reactjs、google-cloud-firestore

我正在尝试从云Firestore数据库上的ReactJS应用程序编辑食谱记录。Card.Body> ) 有没有人可以帮我用editRecipes函数来更新数据库中的记录我不知道如何

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

1回答

reactjs呈现方法中的引导折叠面板

reactjs、twitter-bootstrap、html-table

我想折叠ReactJS表行中的几个列。请找到正在尝试的代码。无法在render()方法中呈现两个标记。我如何才能实现这个解决方案？

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

回答已采纳

1回答

必须规范数组数据的状态形状必须涉及对象数组和嵌套对象之间的往返转换。

reactjs、redux、react-redux、normalization

根据上的文档，本质上的列表数据将由Id作为对象存储在状态树中，这意味着从API调用返回的数组数据必须首先在动作创建者中转换为对象。然后，必须将对象数据转换回mapStateToProps()中的数组，以便使用呈现()中数组的.map()函数来呈现产生的支持。这是一种合理的归一化状态转换成本吗？或者，在使用ReactJS和Redux时，是否有更好的处理列表数据的设计模式？

浏览 2提问于2017-07-16得票数 1

回答已采纳

1回答

如何将JSON数组映射到ReactJS中的列表？

javascript、json、ajax、reactjs

我从请求一个样例JSON数组，并在一个ReactJS项目中使用该数组的Name值创建一个项目列表。问题：这就是我尝试

浏览 7提问于2016-09-15得票数 1

回答已采纳

2回答

数组内容在ReactJS中不呈现

javascript、arrays、reactjs

我试图在ReactJS中映射数组的内容。目前，我没有结果渲染。下面是我用来映射数组内容的代码部分： <div> workoutId:'', name:'', errors: []

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

回答已采纳

2回答

在ReactJs中联接多个数组映射

javascript、reactjs、array-map

我是reactjs的新手，是不是可以在reactjs中完成，比如mysql内部连接，这是我的示例代码。{dataCustomer.map((customer) => ( <td>{customer.custid}</td>td> </tr>

浏览 18提问于2021-02-14得票数 0

1回答

JSX在for循环中不编译。

reactjs、jsx

+ </li>; } headerText = headerText + </ul>;我只想用JSX从数组中创建一个列表我在这个片段中正确地使用了JSX吗？

浏览 6提问于2017-05-22得票数 1

回答已采纳

2回答

在渲染对象数组的数组时，不断得到“警告:列表中的每个子对象都应该有一个唯一的”键“道具。”

javascript、arrays、reactjs、key

我有一个包含数组的数组的对象。我能够让它以我想要的方式呈现。然而，React键给我带来了麻烦；抛出这个“警告:列表中的每个孩子都应该有一个唯一的”键“道具。”我尝试在原始数组对象中为每个数组中的每个元素提供唯一的“id”属性，但没有帮助。我也看过这些，但我想我有所有的建议：Each child in an array or iterator should have a unique "key" prop in reactjs

浏览 14提问于2019-09-08得票数 1

回答已采纳

点击加载更多

地图中的内容不会渲染

如何映射嵌套级别未知的数组？

在ReactJS中，有没有一种方法可以过滤正在迭代的渲染结果？

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

如何调试API调用(抓取请求)？