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

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

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

完成。

setState 不实时生效解决方法 :

在它的回调函数中取值,示例代码:

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

 

你可能感兴趣的:(react,Web前端,Ant,Design,Pro,教程专栏,react显示隐藏,根据state判断元素显示隐藏,react控制组件的显示或隐藏)