Question

我的应用程序中有标题div和警报div。警报div的z-index为2，可堆叠在标题的前面，以便在其中显示通知。

但是，这使标题div无法点击。标头和警报div都绝对定位。

警报覆盖在其顶部的标题右侧。

React的新手。如果通知数组的长度为零或为空，则*ngIf（或）将警报div上的显示设置为无显示。

不确定如何执行此操作。

index.jsx

    <div className={classname('aclass', 'bclass')}>
      <div classname={styles.notificationWrapper}>
        {this.notificationArray.map( (alert) => ( 
           <pxAlert 
              visible
              classes={classnames(style.aert, 'alert'}>
           </pxalert>
         )
        )}
      </div>

Answer 1

可以用inline if with logical && operator完成：

    <div className={classname('aclass', 'bclass')}>
      <div classname={styles.notificationWrapper}>
        {this.notificationArray && this.notificationArray.map( (alert) => ( 
           <pxAlert 
              visible
              classes={classnames(style.aert, 'alert'}>
           </pxalert>
         )
        )}
      </div>

希望这会有所帮助，

从react中的dom中删除一个元素，以使另一个z索引元素可点击

1 个答案: