react控制组件的显示或隐藏，根据state判断元素显示隐藏 , setState不实时生效解决方法

代码实现功能：根据 state 中的值判断子组件显示或隐藏，因为 setState 不是及时生效的，所以不做显示隐藏判断会报错。

    render() {// 客户经理循环组件function CommentSpan(props){const numbers = props.managers;if(!numbers) return;const listItems = numbers.map((item) =><span> {item.staffName} {item.phone} </span>);return (<span>客户经理及联系方式：{listItems}</span>);}return (<div >{this.state.managers ? ( <CommentSpan  managers={this.state.managers} />):null} </div>)}

完成。

setState 不实时生效解决方法：

在它的回调函数中取值，示例代码：

this.setState({a:'1'},()=>{console.log(this.state.a) //'1'
})

react控制组件的显示或隐藏，根据state判断元素显示隐藏 , setState不实时生效解决方法相关推荐

js判断元素是否隐藏
点击隐藏和显示 <div class="list">报名</div><div class="content" id="c ...
html if 隐藏元素,jquery判断元素是否隐藏？
这篇文章主要介绍了jquery判断元素是否隐藏的多种方法,需要的朋友可以参考下. jquery判断元素是否隐藏? 1.首先获取需要判断的元素var node = $('#id'); 2.然后使用jqu ...
MySQL显示ERROR 2003 (HY000): Can‘t connect to MySQL server on ‘localhost‘ (10061)解决方法
MySQL显示ERROR 2003 (HY000): Can't connect to MySQL server on 'localhost' (10061)解决方法参考文章: (1)MySQL显示 ...
vue 父刷新子_父组件中vuex方法更新state子组件不能及时更新并渲染的完美解决方法...
场景: 我实际用到的是这样的,我父组件引用子组件related,父组件调用获取页面详情的方法,更新了state值related,子组件根据该related来渲染相关新闻内容,但是页面打开的时候总是先加 ...
SAP物料主数据创建/修改（MM01/MM02），在 “分类” 页签输入比较特殊的特征值，例如：希腊字母 “ μ ”，结果却显示别的英文字符（例如： “M“）的问题原因及解决方法
处理方法为付费资源,如果介意,请勿下载 SAP物料主数据创建/修改(MM01/MM02),在 "分类" 页签输入比较特殊的特征值,例如: 希腊字母 " μ " ...
Mac连Wi-Fi时显示：“wifi有自分配的ip地址将无法接入互联网”解决方法
Mac连Wi-Fi时显示:"wifi有自分配的ip地址将无法接入互联网" 解决方法: 打开网络偏好设置选择高级模式点击[Wi-Fi],找到现在连接的无法上网的Wi-Fi,点击[ ...
移动设备小米2S不显示CD驱动器(H),便携设备,MTP,驱动USB Driver，MI2感叹号的解决方法...
小米2S不显示CD驱动器(H),便携设备,MTP,驱动USB Driver,MI2感叹号的解决方法 by:授客 QQ:1033553122 用户环境操作系统:Win7 手机设备:小米2S 问题描 ...
html点击显示隐藏判断,jquery判断元素是否隐藏的多种方法
第一种:使用CSS属性 var display =$('#id').css('display'); if(display == 'none'){ alert("被你发现了,我是隐藏的啦!&q ...
原生js设置div隐藏或者显示_JavaScript动画方式控制div元素的隐藏和显示
jQuery实现此功能相对比较简单,具体参阅点击按钮动画方式隐藏和显示div一章节. 结合CSS3实现此功能也非常便利和适合,具体参阅JavaScript与CSS3动画方式改变元素尺寸一章节. 原生J ...

react控制组件的显示或隐藏，根据state判断元素显示隐藏 , setState不实时生效解决方法

react控制组件的显示或隐藏，根据state判断元素显示隐藏 , setState不实时生效解决方法相关推荐

最新文章

热门文章

react控制组件的显示或隐藏， 根据state判断元素显示隐藏 , setState不实时生效解决方法

react控制组件的显示或隐藏， 根据state判断元素显示隐藏 , setState不实时生效解决方法相关推荐

最新文章

热门文章

react控制组件的显示或隐藏，根据state判断元素显示隐藏 , setState不实时生效解决方法

react控制组件的显示或隐藏，根据state判断元素显示隐藏 , setState不实时生效解决方法相关推荐