array.prototype.map相关内容

React - JSX 语法问题,以及如何使用地图进行迭代并在换行符上显示项目

我是 React 菜鸟,正在制作一个 ToDo 列表样式Recipe List app.我有一个功能组件 Item.js,我正在使用 JSX 和 map 函数来遍历每个配方项并显示它们.我希望每个食谱项都出现在新行上,但是当我使用 .map 遍历它们时,React 会将整个食谱项列表放入一个 p 标签,而不是每个项目的一个 p 标签. 如何遍历配方项并将它们显示在不同的行上?即使我尝试将它们 ..
发布时间:2022-01-24 12:04:12 前端开发

数组映射函数不会改变元素

在 JavaScript 中,我有一个数组,它是 array = [true, false] 在某些情况下,我试图初始化这个数组 array.map(item => {项目 = 假}) 运行上述代码后,数组没有改变,仍然是[true, false],所以.map有时不可靠吗? 还有一个问题:运行下面的代码后,数组发生了变化.为什么在这种情况下有效? let array = [{id ..
发布时间:2021-11-18 02:50:46 前端开发

使用 map() 的意外逗号

我有一个包含元素列表的数组,我正在尝试使用模板字符串将此列表附加到 HTML 元素: var description = ['HTML &CSS','Javascript 面向对象编程','渐进式网络应用程序 (PWA)','网站性能优化','Webpack 和 Gulp 工作流程','全栈 React.js','网络组件','响应式网页设计','草图设计','GraphQL 和中继']$( ..

无法执行 .map whithin 功能

背景 我正在构建一个 React-Redux 应用程序,它必须处理一些对私有 API 的 axios 调用.所述 API 不在我的控制之下,我无法修改任何内容.其中一个 axios 请求由一个函数执行,我们称之为“getData".这个请求使用 POST 作为它的方法并且需要一个参数“category",它一次只接受一个值.有时我需要一次执行三个请求,我打算以编程方式执行此操作,而不是为每个 ..
发布时间:2021-07-05 20:31:32 前端开发

不能向(猫鼬)对象添加额外的元素

我有一个带有 api 的 nodejs express 应用程序,用于从 mongodb 数据库返回数据.这是我的猫鼬模型: const bookingSchema = new mongoose.Schema({时间戳:{类型:日期,默认:Date.now,要求:真实},标签: {类型:[字符串],要求:真实},数量: {类型:数字,要求:真实},类型: {类型:字符串,要求:真实,枚举:['费 ..
发布时间:2021-06-03 20:58:55 前端开发

仅从数组中的每个对象中提取某些属性,然后添加到新数组中

尝试学习javascript.我正在尝试根据状态数据(通过Context API发送到组件)创建表行数据: myArr = [{id:1,名称:AA,desc:DescA,颜色:红色},{id:2,名称:BB,desc:DescB,颜色:橙色},{id:3,名称:CC,desc:DescC,颜色:绿色},{id:4,名称:DD,desc:DescD,颜色:蓝色},] 我只想从每个对象中提取 ..
发布时间:2021-04-16 20:43:49 前端开发

数组贴图功能不会更改元素

在JavaScript中,我有一个数组, array = [true, false] 在某些情况下,我正在尝试初始化此数组 array.map(item => { item = false }) 运行上面的代码后,数组没有更改,仍然是[true, false],所以.map有时不可靠吗? 一个更多的问题: 运行下面的代码后,将更改数组.为什么在这种情况下有效? ..
发布时间:2020-09-07 05:00:12 前端开发

如何使用.map()将promise的结果分配给数组元素?

我在这里使用AngularJS,但是如果您有更通用的答案,我将很高兴知道. 我有一个包含ID的元素数组 myArray = [{ id: 0, foo: "foo" }, { id: 1, bar: "bar" }] 还有一个使用这些ID询问信息的服务,该ID以一个信息对象(用于请求)和两个回调(一个用于成功,一个用于错误(都不是必需的))作为参数. Serv ..
发布时间:2020-06-21 18:33:27 前端开发

.map函数时设置状态

我认为我可能会遇到回调地狱类型的场景,或者这可能是范围的问题.一旦.map函数完成运行,我想使用allLeagues数组的setState.问题是,完成.map函数并运行this.setState({leagueAL: allLeagues)}时,状态设置为空数组.我不想在.map中运行this.setState并将其设置多次.关于如何使数据持久保存状态的任何想法? getLeagueMat ..
发布时间:2020-06-21 18:33:18 其他开发

在React中迭代数据数组时渲染JSX元素的最有效方法

我有一个包含对象的数组。我正在创建此数组的映射,以使用 span 组件呈现名称。 let data = [{“id”:“01”,“name”:“Hi”},{“id”:“02”,“name”:“Hello”}]; 我一直在使用以下两种不同的功能来迭代该对象数组,并使用map to渲染JSX元素。 功能1: import React,{Component来 ..
发布时间:2019-05-24 17:08:18 前端开发

React - JSX语法问题,以及如何在换行符上迭代地图和显示项目

我是React noob并制作待办事项列表样式食谱列表应用。我有一个功能组件,Item.js,我正在使用JSX和map函数迭代每个配方项并显示它们。我希望每个食谱项目都出现在一个新行上,但是当我使用.map迭代它们时,React将整个食谱项目列表放入一个p标签而不是每个项目的一个p标签。 如何迭代配方项目并将它们显示在不同的行上?即使我尝试将它们显示为无序列表,React也希望将每个项目放在 ..
发布时间:2018-11-15 15:27:34 前端开发