Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >React map 逗号的解决方法

React map 逗号的解决方法

作者头像
德顺
发布于 2023-08-25 05:30:42
发布于 2023-08-25 05:30:42
27000
代码可运行
举报
文章被收录于专栏:前端资源前端资源
运行总次数:0
代码可运行

使用 map() 插入 DOM 时返回的数组因为拼接 += 调用了 toString() 方法,数组结构 [1, 2, 3] 里面的逗号也会被带上,就变成了 1, 2, 3 循环输出到 DOM了。

解决方法

使用 join() 可以切开一个数组,指定要使用的分隔符。如果省略该参数,则使用逗号作为分隔符。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
arr.map((item)=>{
  return item;
}).join('');

未经允许不得转载:w3h5-Web前端开发资源网 » React map 逗号的解决方法

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-08-16),如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
使用React animated/useSpring报错​Got NaN while animating的解决方法
使用 React 的 <animated.div /> 时,发现控制台一直打印报错/报警:Got NaN while animating: SpringValue {id: 2899, key: 'width', _priority: 0, animation: Animation, queue: undefined, …} 。
德顺
2023/08/25
2610
umi项目antd pro ProLayout添加base或开启hash时菜单不能正常选中的解决方法
umi 项目使用 Ant Design Pro ProLayout 组件在添加 base 或开启 hash 时菜单不能正常选中。
德顺
2023/08/25
4800
ant design Tabs组件数据丢失取不到值的解决方法
使用Ant Design 的 Tabs 遍历了一个 form ,在多标签的情况下通过 form.getFielddValue() 方法获取到的值不全,只能获取到第一个页签和最后一个页签。
德顺
2023/08/25
7660
React的Fragment标签有什么作用
React 中经常会遇到一个组件中 return 多个子组件的情况,举个简单的例子:
德顺
2023/08/25
1850
Umi&React打包部署项目刷新报404错误的几种解决方法
Umi 打包部署到服务器,刷新页面会报 404 错误,这个问题一般是服务端来处理的,比如 Nginx 代理重定向。
德顺
2023/08/25
2.1K0
npm install报错:npm ERR! node-sass@5.0.0 postinstall的解决方法
今天执行 npm install 时报错:npm ERR! node-sass@5.0.0 postinstall: `node scripts/build.js`
德顺
2023/08/25
9200
git pull报错:fatal: refusing to merge unrelated histories的解决方法
今天创建了一个项目,准备把它推到我的 GitLab 上,执行 git pull 的时候报错:
德顺
2023/08/25
2230
ajax导致jQuery动态改变CSS等属性延迟的解决方法
最近一位同事找到我,说是在写一个获取验证码的功能时,用 jQuery 动态改变标签属性时延迟。
德顺
2023/08/25
2270
Umi&React动态修改title标题
在调整好菜单后,又发现一个问题,打开页面不显示标题,点击菜单的时候才会正常显示标题,再次点击当前菜单,标题又变的不太对了。
德顺
2023/08/25
1.6K0
JavaScript比较两个数组是否相等(多选题答案判断)
如果使用了组件库,比如 element-ui 的 checkout 组件,选择顺序不同,得到的数组顺序就会不同。
德顺
2023/08/25
2470
Antd for Vue使用Form组件报错You cannot set a form field before rendering的解决方法
使用 Antd for Vue 的 setFieldsValue 赋值时报错:warning.js?4eb8:34 Warning: You cannot set a form field befor
德顺
2023/08/25
1.1K0
Ant Design Form组件onFinish无法获取Checkbox和Radio的值
Ant Design Form 组件的 onFinish 方法无法获取 Checkbox 多选和 Radio 单选的值,代码:
德顺
2023/08/25
4090
Ant Design Form组件onFinish无法获取Checkbox和Radio的值
VSCode执行yarn报错:无法加载文件 C:\Users\Admin\AppData\Roaming\npm\yarn.ps1的解决方法
未经允许不得转载:w3h5-Web前端开发资源网 » VSCode执行yarn报错:无法加载文件 C:\Users\Admin\AppData\Roaming\npm\yarn.ps1的解决方法
德顺
2023/08/25
7460
Echarts for React 柱状图:根据数值大小自定义单个柱子渐变颜色
项目使用的是 Echarts 的柱状图(type: bar),在处理数据的时候判断一下,如果数值小于零,就给它增加一个控制颜色的属性,我这是一个渐变的柱子:
德顺
2023/08/25
5150
Echarts for React 柱状图:根据数值大小自定义单个柱子渐变颜色
npm运行项目报错:No ESLint configuration found 的解决方法
今天接受了一个 Vue 项目,在执行  npm run serve 命令运行项目时报错:
德顺
2023/08/25
3K0
npm运行项目报错:No ESLint configuration found 的解决方法
ECharts 3D React umi 报错:Component series.surface not exists. Load it first
React 的 Umi项目,在使用 Echarts 3D 时报错:Error: Component series.surface not exists. Load it first.
德顺
2023/08/25
1.1K0
ant design ProLayout出现两个重复header的问题解决
umi 项目 使用的是 ant design pro 的 layout 布局,发现页面有点不对劲,检查元素发现渲染出来两套 header 标签。
德顺
2023/08/25
6380
uni-app编译微信小程序报错Page "pages/..." has not been registered yet的解决方法
未经允许不得转载:w3h5-Web前端开发资源网 » uni-app编译微信小程序报错Page "pages/..." has not been registered yet的解决方法
德顺
2023/08/25
6600
一个属性引发的React报错:The above error occurred in the component
很难发现,累计一行, div 属性应该是 className ,这里错写成了 style 所以引发了报错。
德顺
2023/08/25
6350
Uni&antd的ProLayout布局动态菜单实现及踩坑记录
ProLayout 高级布局是 Ant Design Pro 中的一个组件,可以提供一个标准又不失灵活的中后台标准布局,同时提供一键切换布局形态,自动生成菜单等功能。页面中需要承载内容时,可以使用 ProLayout 来减少布局成本。
德顺
2023/08/25
4.4K0
Uni&antd的ProLayout布局动态菜单实现及踩坑记录
推荐阅读
相关推荐
使用React animated/useSpring报错​Got NaN while animating的解决方法
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文