Javascript react.js中的长按和拖动事件

Javascript react.js中的长按和拖动事件,javascript,reactjs,Javascript,Reactjs,我想使用react实现以下交互。但我不知道该使用什么事件 这是长时间的按住拖动。但我找不到任何参考资料、示例或库来继续。我只做了一个悬停效果 {items.map((obj,i)=> {obj} )} 您需要使用onMouseDown和onMouseUp,并跟踪每次鼠标移动所覆盖的拖动单元格。对于StackOverflow来说,这是一个非常复杂且过于广泛的用例RxJS@AndyRay太宽了?我已经提到了我想要实现的目标。我想到了长时间的按下和拖动,并想出了一个悬停作为启动。但我不能继续…@

我想使用react实现以下交互。但我不知道该使用什么事件

这是长时间的按住拖动。但我找不到任何参考资料、示例或库来继续。我只做了一个悬停效果


{items.map((obj,i)=>
{obj}
)}

您需要使用onMouseDown和onMouseUp,并跟踪每次鼠标移动所覆盖的拖动单元格。对于StackOverflow来说,这是一个非常复杂且过于广泛的用例RxJS@AndyRay太宽了?我已经提到了我想要实现的目标。我想到了长时间的按下和拖动,并想出了一个悬停作为启动。但我不能继续…@CodinCat,真的吗?在正常情况下不能做到这一点吗?当然可以。就像上面描述的@AndyRay一样。您需要onMouseDown、onmousedup和onMouseMove事件
<div>
    {items.map((obj,i) =>  
        <div 
        key={i} 
        style={this.state.active === obj ? 
        {backgroundColor: 'yellow'} : {}} 
        onMouseEnter={this.onMouseEnter.bind(this, obj)}>
        {obj}
        </div>
     )}
</div>