使用（react-router Link）和（react-draggable-core）一起进行不正确的拖动

Question

我在嵌套结构中使用react-router链接和react-draggable。问题是当我想通过点击它来拖动我的图标（这里是GlyphShow）而不是拖动图标时，鼠标指针附近会显示链接引用文本（newAddress），并且拖放过程会崩溃。

换句话说，我有一个我希望它为draggable的图标，当点击它时，我会导航到一个新的网址（newAddress）：

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

我在GlyphShow中使用了react-draggable组件：

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

有人建议一起使用这些吗？

提前致谢！