目前在寫一個如下圖效果的組件：
小白現(xiàn)在遇到兩個問題：
當鼠標hover其中的一個列表時，彈出一條展示完整列表標題信息的tip，每一個列表都有一個對應的，那當我hover時怎么判定只顯示當前列表的tip。
下面是我的部分代碼：

  {
         this.props.list.map((item, index) => {
              return (
                 <li key={index} className="list" onMouseEnter={this.onMouseEnter.bind(this)} onMouseLeave={this.onMouseLeave.bind(this)}><a href={item.link} target="_blank">{item.listText}</a>
                     <div className="detail" style={{ display: this.state.open ? 'block' : 'none' }}>{item.listText}</div>
                 </li>
              );
         })
   }
                          

][2]