react报错信息

报错信息

在这里插入图片描述

render函数里dom不能直接展示obj对象

取变量记得要有{}

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

https://segmentfault.com/q/1010000009619339

在这里插入图片描述

在这里插入图片描述

这样在写的时候就已经执行方法了，所以此处用箭头函数（）=》{}才会在点击时执行或者

在这里插入图片描述

遍历数据使用map来遍历，使用foreac遍历数据就不会显示，

JSX本质是一种语法糖，JSX中的数组会被解析成一个对象

本质上是一个js对象，然后就是map和forEach的区别，forEach对每个元素进行操作，map对每个元素进行操作并且将每个元素的操作结果作为新的数组返回，所以用forEach什么都不会显示，需要用map

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.hqwc.cn/news/27725.html

如若内容造成侵权/违法违规/事实不符，请联系编程知识网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

Vue项目中你是如何解决跨域的呢？

Vue项目中你是如何解决跨域的呢？

一、跨域是什么 跨域本质是浏览器基于同源策略的一种安全手段 同源策略（Sameoriginpolicy），是一种约定，它是浏览器最核心也最基本的安全功能 所谓同源（即指在同一个域）具有以下三个相同点 协议相同&…
阅读更多...
小程序 已被代码依赖分析忽略，无法被其他模块引用。你可根据控制台中的【代码依赖分析】告警信息修改代码，或关闭【过滤无依赖文件】功能

小程序 已被代码依赖分析忽略，无法被其他模块引用。你可根据控制台中的【代码依赖分析】告警信息修改代码，或关闭【过滤无依赖文件】功能

当我们在uniapp小程序运行的过程当中可能会遇到下面的错误。 那么我们要是遇到这样的错误的时候只需要去我们的微信小程序当中的project.config.json文件当中setting里面设置“ignoreUploadUnusedFiles”: false,“ignoreDevUnusedFiles”: false然后保存，重新编译即…
阅读更多...
es6 数组操作个人总结

es6 数组操作个人总结

es6 数组操作个人总结 动机数组数组生成可枚举对象转数组箭头函数筛选判断所有元素枚举循环 小结 动机 es6 ，说白了，就是增强版本的 js 。。。。。嗯，说到底，还是原生 js 罢了，不过比原有的 js 多了一些属性、类型、指…
阅读更多...
光伏行业中的设备自动化系统EAP：优化生产流程的重要工具

光伏行业中的设备自动化系统EAP：优化生产流程的重要工具

随着清洁能源的需求不断增长，光伏行业作为可再生能源的重要组成部分，正迅速发展。为了满足日益增长的市场需求，光伏企业需要提高生产效率、降低成本，并保证产品的质量和可靠性。 图.光伏面板（pexels） 在这…
阅读更多...
Python面向对象学习整理（一）

Python面向对象学习整理（一）

一、面向对象中的几点概念 1.1 什么是类？ 类：用户定义的对象原型（prototype），该原型定义了一组可描述该类任何对象的属性，属性是数据成员（类变量 和 实例变量）和方法，可…
阅读更多...
SqlSerer数据库【进阶】

SqlSerer数据库【进阶】

六、约束 （1）主键约束 1.单一主键 格式: alter table 表名 add constraint 主键名 primary key (列名) go例子: alter table t_student add constraint pk_t_student primary key (stud_id) go注意:在建表的时候主键不能为空 2.复合主键 复合主键…
阅读更多...
[分布式] Ceph实战应用

[分布式] Ceph实战应用

目录 一、建 CephFS 文件系统 MDS 接口服务端操作客户端操作 二、创建 Ceph 块存储系统 RBD 接口创建 Ceph 对象存储系统 RGW 接口OSD 故障模拟与恢复 一、建 CephFS 文件系统 MDS 接口 服务端操作 1）在管理节点创建 mds 服务 cd /etc/ceph ceph-deploy mds creat…
阅读更多...
Java设计模式之行为型-解释器模式（UML类图+案例分析）

Java设计模式之行为型-解释器模式（UML类图+案例分析）

目录 一、基础概念 二、UML类图 三、角色设计 四、案例分析 五、总结 一、基础概念 解释器模式是指给定一个语言（表达式），来表示它的文法，并定义一个解释器，使用该解释器来解释语言中的句子（表达式&a…
阅读更多...
【文末送书 - 数据分析之pandas篇④】- DataFrame数据合并

【文末送书 - 数据分析之pandas篇④】- DataFrame数据合并

向阳花花花花 - 个人主页 迄今所有人生都大写着失败，但并不妨碍我继续向前 Python 数据分析专栏 正在火热更新中 🔥 文章目录 一、concat二、append三、merge3.1 没有属性相同时3.2 只有一个属性相同时1.一对一合并2.一对多合并3.多对多合并 3.3 有多个…
阅读更多...
Ceph 应用

Ceph 应用

Ceph 应用 一、创建 CephFS 文件系统 MDS 接口 1.服务端操作 1）在管理节点创建 mds 服务 cd /etc/ceph ceph-deploy mds create node01 node02 node032）查看各个节点的 mds 服务 ssh rootnode01 systemctl status ceph-mdsnode01 ssh rootnode02 syst…
阅读更多...
ELK 企业级日志分析系统（三）

ELK 企业级日志分析系统（三）

ELK 一、Zookeeper理论部分zookeeper的定义与工作机制zookeeper的特点Zookeeper 数据结构Zookeeper 应用场景Zookeeper 选举机制 二、zookeeper部署实验三、Kafka消息队列为什么需要消息队列（MQ）使用消息队列的好处消息队列的两种模式 Kafka 定义Kafka 简…
阅读更多...
笔试题之地区经济数据分析

笔试题之地区经济数据分析

数据分析通常应用于商业领域，但对于政府、非盈利组织等机构而言，在考量城市发展、监控环境质量等方面，也会涉及到数据分析。这时，就需要我们根据实际场景，结合数据分析的理论知识，发现其中的规律&#xff0…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023