时间戳

首页 > 解决方案 > OverlayTrigger 进入 div

reactjs - OverlayTrigger 进入 div

问题描述

我需要使用这个 OverlayTrigger： 

<OverlayTrigger placement="top" delayShow={500} overlay={<Tooltip id={pc.id + 
"_dateIntervalTooltip"}>{formatInterval(pc.validFrom, pc.validTo)}</Tooltip>}> 
{eventHistory.userCreated}, {moment(eventHistory.dateCreated).fromNow()} 
</OverlayTrigger>

我需要把它放到这个 div 中：

return (
  <div className="event-history">
          <div className="eh-header-left">
            <EventCatIcon/>
            <div className="text">{lovLabel(eventHistory.eventType)}</div>
          </div>
          <div> 
          HERE I NEED TO USE OVERLAYTRIGGER
          </div>
        </div>

当我这样使用它时它不起作用：

 return (
      <div className="event-history">
        <div className="eh-header">
          <div className="eh-header-left">
            <EventCatIcon/>
            <div className="text">{lovLabel(eventHistory.eventType)}</div>
          </div>
          <div> <OverlayTrigger placement="top" delayShow={500} overlay={<Tooltip id={pc.id + "_dateIntervalTooltip"}>{formatInterval(pc.validFrom, pc.validTo)}</Tooltip>}>
                {eventHistory.userCreated}, {moment(eventHistory.dateCreated).fromNow()}
                </OverlayTrigger>
          </div>
        </div>

标签： reactjstypescript

解决方案

推荐阅读