在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ react里怎么區(qū)分事件

react里怎么區(qū)分事件

下面代碼是兩個(gè)map便利嵌套,每個(gè)遍歷里分別綁了兩個(gè)事件,但是現(xiàn)在兩個(gè)事件會(huì)相互影響,該如何去把它們區(qū)別開來(lái),各自執(zhí)行自己的方法:

{
              this.props.list.map((item, index) => {
                return (
                  <div key={index} className="left">
                    
                    <div className="listWrap clearfix">
                      {
                        index === 0?
                        item.listArr.map((item, index) => {
                          return (
                            <div key={index} className="list">
                              <a href={item.link} target="_blank">
                                <div className="imgWrap"  onMouseEnter={this.hoverFuc.bind(this,index)}>
                                  <div className="cover">
                                    <div className="play" style={{display:this.state.index===index?'block':'none'}}><img className="icon" src="https://img.alicdn.com/tfs/TB16igMkwDD8KJjy0FdXXcjvXXa-64-64.png" /></div>
                                    <img src={item.imgLink} />
                                  </div>
                                </div>
                                <div className="listTitle">{item.listTitle}</div>
                              </a>
                            </div>
                          );
                        })
                        :
                        item.listArr.map((item, index) => {
                          return (
                            <div key={index} className="list 11">
                            
                              <a href={item.link} target="_blank">
                                <div className="imgWrap" data-index={index+'t'} onMouseOver={this.hoverFuc2.bind(this,index)}>
                                  <div className="cover">
                                    <div className="play" style={{display:this.state.index2===index?'block':'none'}}><img className="icon" src="https://img.alicdn.com/tfs/TB16igMkwDD8KJjy0FdXXcjvXXa-64-64.png" /></div>
                                    <img src={item.imgLink} />
                                  </div>
                                </div>
                                <div className="listTitle">{item.listTitle}</div>
                              </a>
                            </div>
                          );
                        })
                      }

                    </div>
                  </div>
                );
              })
            }

下面分別是hoverFuc和hoverFuc2 ,兩個(gè)方法都會(huì)執(zhí)行就是互相影響:

hoverFuc(index){
     this.setState({
      index:index
     })
  }

  hoverFuc2(index){
    console.log('oo');
    this.setState({
     index2:index
    })
 }
回答
編輯回答
吢丕

肯定都會(huì)執(zhí)行啊,你hoverFuc是index為0的時(shí)候綁定的吧,hoverFuc2是index為其他值綁定的,但是每次執(zhí)行肯定也只是hover某個(gè)元素的時(shí)候執(zhí)行

2018年2月13日 04:07