React render()中是否可以在map里再嵌套一层map遍历

本人小白,项目需要,刚接触前端不久,请各位大神指点迷津!!
我想在一个有嵌套关系的json字符串中得到数据
如下图,在packages数组中,每个packages都有一个entry数组,entry数组中可能包含一个对象,也可能包含多个,怎么在li列表中循环输出每一个entry中的每条数据
图片说明

图片说明

万分感谢!

1个回答

可以,json和map要对应

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
Map嵌套Map遍历
废话不多说,直接上代码块!import java.util.HashMap; import java.util.Map;/** * Map集合嵌套Map集合遍历 * Created by aongi on 2017/4/28. * Version 1.0 */ public class MapOf { public static void bl(HashMap<String, Has
react的map遍历
JavaScript的对象(Object),本质上是键值对的集合(Hash结构),但是只能用字符串当作键 { this.state.reward.map((cont,index) { return ( {cont.num} {co
react中的map遍历
{ this.state.reward.map(function (item) { return ( {item.num} {item.username} {item.rward_time}
sql语句再嵌套一层行不行?
我想在rnselect aa.bug_id,aa.Action_id,bb.Status,bb.Assigntorn from (select bug_id,max(Action_id) as Action_idrn from b1rn group by bug_id) aarn join b1 bbrn on aa.Action_id=bb.Action_idrn where bb.Status='Open'rn再嵌套一层查询:rnselect * rnfrom(rn select aa.bug_id,aa.Action_id,bb.Status,bb.Assigntorn from (select bug_id,max(Action_id) as Action_idrn from b1rn group by bug_id) aarn join b1 bbrn on aa.Action_id=bb.Action_idrn where bb.Status='Open' )rn结果出错。不行吗?rn第一句没错误的。rn
React中的render何时执行
react render pureComponent
react里 render双层循环写法
&amp;amp;lt;List className=&amp;quot;tbBox&amp;quot;&amp;amp;gt; &amp;amp;lt;Flex className=&amp;quot;title&amp;quot;&amp;amp;gt; {data.map(item =&amp;amp;gt; ( &amp;amp;lt;Flex.Item
是否可以在 DIV 里嵌套整个网页?
各位知道的大虾都来回答下
Struts中List里嵌套Map
NULL 博文链接:https://zhangyulong.iteye.com/blog/1009371
react组件的render方法
一个组件类必须要实现一个 render 方法, 这个 render 方法必须要返回一个 JSX 元素。 必须要用一个外层的 JSX 元素把所有内容包裹起来,返回并列多个 JSX 元素是不合法的. 错误的写法 render () { return ( &amp;lt;div&amp;gt;第一个&amp;lt;/div&amp;gt; &amp;lt;div&amp;gt;第二个&amp;lt;/div&amp;gt; ) } 正确的写法 rende...
react map遍历时事件无效
如上图所示,我用map遍历元素,然后添加click事件,并进行return,会报错(无法读取到事件/事件未定义) 进行一番探索,终于搞定啦! 不要在map的时候进行return,先定义一个变量,将map的结果保存,example,我将它们保存到一个数组里,然后return这个数组就ok啦
map里面再嵌套一个map(二级map)
例子 : 首先定义一个二级 mapStr , 然后将 List 里的值赋值到 map 里面. map&lt;string,map&lt;string,int&gt;&gt; mapStr; list&lt;string&gt; l_Fruits; l_Fruits.push_back("apple"); l_Fruits.pu...
React map遍历点击获取key
React map遍历点击获取key值 在使用react的时候不免需要遍历循环出dom,这时候可以通过点击过去产生的的每个dom的标识来操作 首先准备一个需要遍历循环的集合,可以是键值对,也可以是数组, const fromIndex=[1, 2, 3, 4, 5]; JSX允许在大括号中嵌入任何表达式,因此可以 内联 map() 结果 所以新建一个对象,作为map结果的载体以便插...
react map遍历重复渲染问题
使用socket.io从server发送到client显示rn使用echarts-for-react绘制折现统计图rn要求是:用map遍历生成6个charts,使sensordata里的6个数据分开显示在6个图上rn问题是:6个charts生成了(这里我只测试第一个charts),在map遍历里已经使用item(sensordata单个数据)当作props传入,但是每次图上都会把整个sensordata打印出来,怎么把6个数据分开到6张图上?rnrn[img=https://img-bbs.csdn.net/upload/201709/15/1505443661_832333.png][/img]rnrn代码如下 :rnrntest.js rn[code=javascript]rnimport React,Component from 'react';rnimport ReactEcharts from 'echarts-for-react';rnimport TestComp from './testcomponent';rnrnvar io = require('socket.io-client');rnvar socket = io.connect('http://localhost','forceNew':true);rnrnexport default class Test extends Componentrn constructor(props)rn super(props);rn this.state=rn sensorData:[0,0,0,0,0,0],rn count:0rn rn rnrn componentDidMount()rn socket.on('sensordata_server', function (data) rn this.setState(rn sensorData:[data.temp,data.humi,data.ch2o,data.co2,data.pm2d5,data.voc],rn count:this.state.count+1rn )rn .bind(this));rn rnrn render()rn return(rn rn this.state.sensorData.map(function(item,index)rn console.log(item);rn return(rn rn )rn .bind(this))rn rn )rn rnrn[/code]rnrntestcomponent.jsrn[code=javascript]rnimport React,Component from 'react';rnimport ReactEcharts from 'echarts-for-react';rnrnvar xAxisData = [];rnvar seriesData = [];rnrnexport default class TestComp extends Componentrn constructor(props)rn super(props);rn this.state=rn sensorData:props.sensorData,rn count:props.countrn rn rnrn render()rn return(rn rn rn rn )rn rnrn componentWillReceiveProps(nextProps) rn this.setState(rn sensorData:nextProps.sensorData,rn count:nextProps.countrn );rn rnrn Option()rn let temp_option = rn title:rn text:'温度曲线'rn ,rn tooltip:rn rn ,rn legend: rn data:['温度']rn ,rn xAxis:rn data: (function ()rn xAxisData.push(this.state.count);rn return xAxisData;rn .bind(this))()rn ,rn yAxis: ,rn series:rn name:'温度',rn type:'line',rn data:(function ()rn seriesData.push(this.state.sensorData);rn return seriesData;rn .bind(this))()rn rn rnrn let humi_option = rn title:rn text:'湿度曲线'rn ,rn tooltip:rn rn ,rn legend: rn data:['湿度']rn ,rn xAxis:rn data:['1','2','3','4','5','6','7','8','9','10']rn ,rn yAxis: ,rn series:rn name:'湿度',rn type:'line',rn data:[5, 20, 36, 10, 10, 20, 100, 30, 47, 58]rn rn rnrn let ch2o_option = rn title:rn text:'甲醛曲线'rn ,rn tooltip:rn rn ,rn legend: rn data:['甲醛']rn ,rn xAxis:rn data:['1','2','3','4','5','6','7','8','9','10']rn ,rn yAxis: ,rn series:rn name:'甲醛',rn type:'line',rn data: [5, 20, 36, 10, 10, 20, 100, 30, 47, 58]rn rn rnrn let co2_option = rn title:rn text:'CO2曲线'rn ,rn tooltip:rn rn ,rn legend: rn data:['CO2']rn ,rn xAxis:rn data:['1','2','3','4','5','6','7','8','9','10']rn ,rn yAxis: ,rn series:rn name:'CO2',rn type:'line',rn data: [5, 20, 36, 10, 10, 20, 100, 30, 47, 58]rn rn rnrn let pm2d5_option = rn title:rn text:'PM2.5曲线'rn ,rn tooltip:rn rn ,rn legend: rn data:['PM2.5']rn ,rn xAxis:rn data:['1','2','3','4','5','6','7','8','9','10']rn ,rn yAxis: ,rn series:rn name:'PM2.5',rn type:'line',rn data: [5, 20, 36, 10, 10, 20, 100, 30, 47, 58]rn rn rnrn let voc_option = rn title:rn text:'VOC曲线'rn ,rn tooltip:rn rn ,rn legend: rn data:['VOC']rn ,rn xAxis:rn data:['1','2','3','4','5','6','7','8','9','10']rn ,rn yAxis: ,rn series:rn name:'VOC',rn type:'line',rn data: [5, 20, 36, 10, 10, 20, 100, 30, 47, 58]rn rn rn rn switch(this.props.index)rn case 0 : return temp_option;rn case 1 : return humi_option;rn case 2 : return ch2o_option;rn case 3 : return co2_option;rn case 4 : return pm2d5_option;rn case 5 : return voc_option;rn rn rnrn[/code]rnrn
freemarker list嵌套map map再嵌套list list里面在嵌套一个map。list map 多重嵌套
要改的只有绿色箭头和传过来的list,拿走直接用,百度了四五个小时      key:${key} 数字:${cateMap.ri
Try...Finally 是否可以嵌套?
[code=Delphi(Pascal)]rnrnTryrn rn Tryrn ...rn Finallyrn ...rn End;rn rn Finallyrn ....rnrnEnd;rnrnrn[/code]rnrn可以这样写吗?如果嵌套中的Try部分出错了,是执行内部嵌套的Finally,还是外层的Fianlly呢?rnrnrn
form表单是否可以嵌套
在一个form表单中是否可以再嵌套一个form表单?如果可以的话应该怎么实现?
事务是否可以嵌套?
事务的关系如下:rnrn 打开 事务1rnrn 打开 事务2rn 进行数据处理2rn ..........rn 关闭 事务2rnrn 进行数据处理1rn .........rnrn 关闭 事务1rn rn这样是否可以,两个事务有什么关系或影响?rn谢谢大家了!rnrn
map嵌套map
现在有个表需要4个索引才能唯一确定一个记录。rn我使用的是map嵌套map。rnrn但是有一句话,如下rnrn《Effective C++》中提到:容器容纳了对象,但不是你给它们的那个对象。此外,当你从容器中获取一个对象时,你所得到的对象不是容器里的那个对象。当你向容器中添加一个对象(比如通过insert或push_back等),进入容器的是你指定的对象的拷贝。因此应该让容器里对象的拷贝操作轻量而行。 rnrn那我每次索引到一层的值,都要进行拷贝,效率会后太低。rnrn或者是把map的值改为指针。rnrn大家意见??rnrnrn//总表,用于存放用户使用软件的行为,更新数据库时就是根据这个表更新的。rntypedef structrnrn ID idChan;//视频IDrn char chanName[50];//视频名rn UINT timelen;//视频时长rn char filePath[100];//还原后的视频文件路径 rn UINT contentLen;//视频文件大小rnchanInfo;rn//同一用户,同一使用软件行为,视频信息表rntypedef map chanInfoMap;rntypedef structrnrn ID idAct;//使用软件行为IDrn ID maxIdChan;//同一使用软件行为下的当前最大idChanrn time_t startTime;//使用软件开始时间rn time_t endTime;// 使用软件结束时间rn chanInfoMap ciMap; rnactInfo;rn//同一用户,使用同一软件,不同使用软件行为,行为信息表rntypedef map actInfoMap;rntypedef structrnrn ID idSoftware;//使用软件标识IDrn ID maxIdAct;//当前软件标识下,最大的使用软件行为IDrn actInfoMap aiMap; rnsoftwareInfo;rn//同一用户,使用不同软件,行为信息表rntypedef map< idSoftware, softwareInfo > softwareInfoMap;rntypedef structrnrn ID idIP;//用户IP编号rn char strIP[16];//用户IP(字符串型,如xxx.xxx.xxx.xxx)rn char strID[20];//用户帐号rn softwareInfoMap siMap; rnuserAction;rn//不同用户,用户行为表rntypedef mapuserActionMap;rn//用户行为表rnrnuserActionMap MUserAction;rn
React(五):React在什么情况下会render
React中组件进行render的情况 1、初始化 React在应用初始化的时候,会渲染全部组件,组件的挂载过程见文章《React(三):组件生命周期》中的介绍。 2、setState()在任何情况下都会导致组件的重新渲染,即使state未发生变化 当一个组件调用了setState()函数时,不论state是否发生了变化,该组件都将被重新渲染。 例如: import React fr...
React Native Reducer结构较深与render map展示刷新问题
界面不刷新,到底是不是reducer结构或者没有重新new惹的祸???
React性能优化(以及React的render过程)
前言在了解React的性能优化之前,首先要对React的render过程有了解。Render对React有了解的都知道,render的渲染分为初始化渲染和更新渲染。初始化渲染就是在页面初始化的时候调用根组件下所有组件的render方法,如下图,一个DOM树表示根组件与各组件之间的联系,绿色是代表已经渲染的。现在讲的这种情况,如果我们只需要对某一个子组件进行更新,如图绿色代表的是需要更新的子组件:而...
react中的render props与静态类型检验
react中的render props与静态类型检验 render props是一种术语,指的是一种技术在react组件之间的函数中来共享代码。一个带有render props的组件接收一个函数,调用这个函数而不是去实现自己的逻辑渲染。 render pr...
jsp中是否可以嵌套Servlet
比如我写了一个JSP页面,这个页面中包括很多图片,还需要一个输出的表格,如果用Servlet把整个网页输出的话太麻烦了,我在这个JSP页中的一部分用Servlet输入,如何写 rnrn
react render执行的几种情况
react render渲染的几种情况 首次加载setState改变组件内部state。 注意: 此处是说通过setState方法改变。接受到新的props
CArray类中是否可以嵌套CArray?
如题rn[code=C/C++]rnstruct arnrn int x;rn CStringArry s;//这里要用动态数组保存一组数据rn;rnCArrayb;rn[/code]rnrn如果向上面声明,编译时会出错;该怎么做?rn[code=C/C++]a m_a;rnm_a.x=1;rnm_a.s.add("sss");rnb.Add(a);//程序编译时在这步提示不能将参数从“b”转为“brn[/code]
是否可以在switch语句中嵌套if语句
本人是新手,刚学习JAVA,在一次简单编程中想知道是否可以在switch语句中嵌套if语句。rn以下是一个简单的公交站点查询小程序,我的想法是先输入自己的起始地和目的地,然后程序自动给出经过的站点,在编程中遇见了一些小问题,switch语句判定first的模块中我能否加上if语句对last进行判定。rn程序如下:rnimport java.lang.*;rnimport javax.swing.*;rnrnpublic class j03030508 rn public static void main(String[] args)rn String first=JOptionPane.showInputDialog(null,"去请输入你的起始地:");rn String last=JOptionPane.showInputDialog(null,"去请输入你的目的地:");rn String passstat="";rn switch (first)rn case "棠下":rn passstat="棠下->";rn System.out.println("棠下开车");rn if(last=="棠下")rn break;rn case "学院": rn passstat+="学院->";rn System.out.println("学院到了");rn if(last=="学院")rn break;rn case "上社":rn passstat+= "上社->";rn System.out.println("上社到了");rn if(last=="上社")rn break;rn case "华景新城":rn passstat+= "华景新城->";rn System.out.println("华景新城到了");rn if(last=="华景新城")rn break;rn case "师大暨大":rn passstat+="师大暨大->";rn System.out.println("师大暨大到了");rn if(last=="师大暨大")rn break;rn case "石牌桥":rn passstat+="石牌桥";rn System.out.println("终点站石牌桥");rn if(last=="石牌桥")rn break; rnrn rn System.out.println("你的旅程是:\n"+passstat);rn rn}rn以上程序在运行中得不出我想要的结果,想知道我的思路是否正确,sitch语句中能否这样嵌套if语句?请高手们指点!谢谢!
C++中 map 的基本操作和嵌套map的使用
C++中map容器提供一个键值对容器,map与multimap差别仅仅在于multiple允许一个键对应多个值。本文主要总结一下map基本用法和嵌套用法示例。一、map基本用法  1   头文件   #include   &amp;lt;map&amp;gt;   2   定义   map&amp;lt;int,   int&amp;gt;   my_Map; //注意这里的int和int可以是其他类型  或者是typedef ...
map中嵌套map怎么用?
map* >::iterator itrMap;rn map::iterator itrPoi;rn for( int i = 0; i < nMeshCount; ++i )rn rn CAdfDataBase *pDataBase = poAtlas->GetAt(i);rn if ( NULL == pDataBase )rn continue;rn rn CString strMeshPath = poAtlas->GetMeshPathAt(i);rn CString strMesh = poAtlas->GetMeshNameAt(i);rn rn map mapPoi;rn long lsize = mapPoi.size();rn this->dppSavePOIInfo(pDataBase,mapPoi); //该函数用于往mapPoi中存数据rn long ntlsize = mapPoi.size();rn m_mapPOI.insert( pair< CString,map* >(strMesh,&mapPoi) );rn rn itrMap = m_mapPOI.find("H51F021002");rn long nSndsize = itrMap->second->size(); //每次都都查找的同一个图幅号,这个size怎么都回变化?rnrn rn出了for循环后再使用: itrMap = m_mapPOI.find("H51F021002");rn long nSndsize = itrMap->second->size();rn获取到的size为0...这是为什么?求指教
Struts iterator JSP Map 中嵌套 Map
NULL 博文链接:https://topbox163.iteye.com/blog/669084
线程本身是否可以嵌套?
一个线程是否能在线程内部再启动一个自己?而且这个线程要互斥共享一些资源.
case when 是否可以嵌套?
现在有怎么一个算法, rnrn A>B 则为Crn AB 则A+C-Brn==================rnselect case when a>b then crn else case when A+C<=B then 0 elase A+C-B endrn endrnfrom tablern这个不行,求教??rn
react jsx 中的map 循环嵌套
jsx 中map 用的非常多,嵌套用到的也会很多!废话不多说,直接上代码var btnType=Object.keys(obj).map((key,i)=>{ var item=obj[key].map((s,index)=>{ return ( <button className={styles.btnType} key={index}>{obj[k
Map遍历
Map遍历 这里对map集合进行遍历,一个是增强for循环,一个是迭代器,详见代码: public class MapTest { public static void main(String[] args) { Map&amp;lt;String, String&amp;gt; map = new HashMap&amp;lt;&amp;gt;(); map.put(&quot;01&quot;, &quot;a...
map遍历
1.用for循环for(Map.Entry&amp;lt;String, String&amp;gt; entry:map.entrySet()){          System.out.println(entry.getKey()+&quot;---&amp;gt;&quot;+entry.getValue()); }2.用迭代 Set set = map.entrySet();     Iterator i = set.iterato...
Repeater里可以再嵌套一个Repeater吗?
比如导航条,3级,A,B,C。rn先根据A的编号把父编号为A的B列举出来了,我用Repeater做的,rn但是还需要把每个B中父编号为B的C列举出来,怎么弄呢?rnstring strSQL="select * from xclass where parentid=10";rnSqlDataAdapter myCMD=new SqlDataAdapter(strSQL,myConn);rnDataSet ds=new DataSet();rnmyCMD.Fill(ds,"parentclass");rnRepeater1.DataSource=ds.Tables["parentclass"].DefaultView;rnRepeater1.DataBind();rnrnstrSQL="select * from xclass where parentid="+这里该是什么值?;rnSqlDataAdapter myCMD1=new SqlDataAdapter(strSQL,myConn);rnDataSet ds1=new DataSet();rnmyCMD1.Fill(ds1,"parentclass1");rnRepeater2.DataSource=ds.Tables["parentclass1"].DefaultView;rnRepeater2.DataBind();
如何遍历map嵌套map?
Map , String> warn = new TreeMap, String>();rnTreeMap am=new TreeMap();rnam.put("11", "a错误");rnam.put("12", "b错误");rnwarn.put(am,"aa");rnwarn.put(am,"ab");rnrn如何遍历里面的键和值?rn
React中render函数中变量map中事件无法关联的解决办法
React中render函数中变量map中事件无法关联的解决办法如下所示的代码,Input的checkbox可以正常显示3个,但是都无法和 handleChange关联上。 由于代码无法正常显示,我用图片 var Input = ReactBootstrap.Input; var T
[React Native]map遍历以及获取图片尺寸
1.array里面装了图片 state = { array: [image_1, image_2, image_3, image_4, image_5,image_kc1,image_kc2,image_kc3,image_kc4,image_kc5], }  2.遍历这些图片: renderChildren() { return this...
vector和map可以这样嵌套吗?
我使用了一个map类型,统计某些字符出现的次数,rn现在因为想扫描多行,每行定义一个map类型,将多个(行数)定义为一个vector>,不知道可以吗?rn
为什么CDATA里可以嵌套 ???
到处说xml里的![CDATA[ ]]不能嵌套,但是为啥csdn可以用??rnrn我测试了一下,防]]efasdfasfd[![CDATA这样的内容也可以正常解析??rnrn不是说会产生错误吗??
相关热词 c# 标准差 计算 c#siki第五季 c#入门推荐书 c# 解码海康数据流 c# xml的遍历循环 c# 取 查看源码没有的 c#解决高并发 委托 c#日期转化为字符串 c# 显示问号 c# 字典对象池