Reactjs 同时使用（react router Link）和（react Dragable core）会导致不正确的拖动

我在嵌套结构中使用了

react-router

链接和

react-draggable

。问题是，当我想通过单击来拖动图标（此处为GlyphShow）而不是拖动图标时，链接引用文本（newAddress）显示在鼠标指针附近，拖放过程崩溃

换句话说，我有一个图标，我希望它是可拖动的，并且当它被单击时，会将我导航到一个新的url（新地址）：

有没有人建议把它们一起使用而不出问题

提前谢谢

import {DraggableCore} from 'react-draggable';
import {Link} from 'react-router-dom'
.
.
.
<Link to='/newAddress'> <GlyphShow fontAwsome='user'/> </Link>

<Draggable><div className="GlyphShowClass"><FontAwsomeIcon className='glyph' icon={props.fontAwsome} /></div></Draggable>