React 渲染嵌套对象,内部对象会是undefined

在编译器中获取数据 发现报错

原因:

render()一加载就会渲染,渲染的数据是初始state里的值 ,当setState会再次渲染

解决方法

1.三元运算 判断对象是否存在

2.在初始化对象的时候嵌套对象

原文地址:https://www.cnblogs.com/SallyShan/p/11864859.html

时间: 2024-10-12 20:07:45

React 渲染嵌套对象,内部对象会是undefined的相关文章

js嵌套对象相等比较的一种方法 (原创)

做前端开发经常会遇到比较js对象是否相等的情况, 或者说其它问题往往会归结到这个问题上来:比如对象数组的去重复. 网上看到过很多例子, 但是基本上都是那种比较简单的对象结构, 而复杂的对象结构,比如对象嵌套对象的情况,还没找到什么直接可以用的代码. 所以今天,就花了点时间写了一个函数实现这个功能, 也是方便自己日后使用, 当然也可以供大家参考. 注释: 目前这个方法只适用于对象的属性是基本类型和对象类型, 数组类型暂时还没考虑, 后面有时间写一个全的.----所以说下面的方法相当于比较两个树 第

如何在JavaScript中访问暂未存在的嵌套对象

JavaScript 是个很神奇的东西.但是 JavaScript中的一些东西确实很奇怪,让人摸不着头脑.其中之一就是当你试图访问嵌套对象时,会遇到这个错误:Cannot read property 'foo' of undefined 在大多数情况下,处理嵌套的对象,通常我们需要安全地访问最内层嵌套的值. 来个粟子: const user = { id: 101, email: '[email protected]', personalInfo: { name: 'Jack', address

转载 -- jquery easyui datagrid 动态表头 + 嵌套对象属性展示

代码功能: 1.datagrid 的表头由后台生成,可以配置在数据库 2.datagrid 的列绑定数据 支撑嵌套对象 $(function() { var columns = new Array(); var cols = new Array(); var colData = new Object(); $.post("url","params",function(data){ //动态生成表头开始 if(data.xxxx != null){ $.each(da

论mongo-connector如何将MongoDB中的json数组和嵌套对象更新至Solr引擎

有一些东西记录下来,不久之后就会再次用到. 1. 使复杂的嵌套对象从MongoDB更新到Solr 最近使用mongo-connector将MongoDB与Solr打通,对于简单的json,更新是没问题了.这次我们遇到的问题是,如果json中某一个field的值是数组类型,或者有嵌套了一个对象,那该怎么整.比如,我们在MongoDB中插入这么个货: { "_id": "555df36ec6cd08ea807a4324", "name": "

AutoMapper 创建嵌套对象映射(原创)

之前在做DTO转换时,用到AutoMapper.但DTO的层次太深了,无奈官方没针对嵌套类型提供好的解决方案,于是自己实现了一下: 思路:采用递归和反射很好的避免手工创建嵌套对象的映射. 第一个版本,已经提交到:https://github.com/AutoMapper/AutoMapper/wiki/Nested-mappings 1 /// <summary> 2 /// 递归创建类型间的映射关系 (Recursively create mappings between types) 3

&lt;摘录&gt;Gson对Java嵌套对象和JSON字符串之间的转换

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,具有良好的跨平台特性.近几年来已经和XML一样成为C/S架构中广泛采用的数据格式.有关JSON的更多知识,请参考以下内容:http://json.org/json-zh.html 在服务器和客户端之间使用JSON数据格式进行通信,经常会涉及到JAVA对象和JSON字符串之间的转换.通常,我们可以使用一些JSON解析工具,例如:Gson,FastJson等.当然,我们也可以手动解析,只是会比较繁琐. 下面

WinForm 绑定到嵌套对象上的属性

WinFrom 绑定到嵌套对象上的属性 关键字: Windows Forms, DataBindings, Nested Class, 嵌套类 在 WinForm 中很早就已经支持数据绑定, 使用数据绑定可以大大减少更新界面和数据的代码. 一般情况下, 使用自定义的简单对象时数据绑定可以很好的工作, 当我们的对象越来越复杂, 一个对象中使用另一个对象作为属性时, 简单的数据绑定已经无法满足需求. 例如有下面两个对象: /// <summary> /// 外部实体 /// </summar

2017.12.07 React组件嵌套以及for循环渲染子组件

1.嵌套组件之父组件的定义: export default class Examines extends Component{ componentWillMount() { console.log("aaaaaaaa"); var data2={ action:"queryTaskOfManager" }; Common.getData(JSON.stringify(data2),function (ret) { alert(ret); var data3={ na

react渲染

1.生成虚拟dom createElement的作用就是生成虚拟dom.虚拟dom到底是个啥,其实它就是个javascript对象~,这个对象的属性有props,vType,type, 而props也是个对象,它有children属性也有其他的,比如className,onClick之类的. 2.虚拟dom转化成dom 虚拟dom的vtype是3的时候对应的type是自定义组件,vtype是2的时候是对应的type是div之类的浏览器原生组件. 涉及到一个递归函数initVnode,initVn