如何通过React-Router-Dom Link导入使<link />与React中的按钮onClick一起使用？

Question

我正试图让我的按钮导航到编辑页面，以获取我将通过Redux提供给路由的服务器信息。这也是用打字稿写的，是否有帮助？

如果我像这样包装按钮文本，我就可以使用它

<button onClick={this.handleEditCurrentServer}>
    <Link to={`/servers/${encodeURIComponent(this.props.IServer.name)}/edit`}>
        Edit
    </Link>
</button>

但是问题是我不希望文本成为单击的内容，我希望整个按钮都可单击才能使此路线起作用。

所以我尝试过这样：

<Link to={`/servers/${encodeURIComponent(this.props.IServer.name)}/edit`}>
    <button onClick={this.handleEditCurrentServer}>
        Edit
    </button>   
</Link>

但是不幸的是，它不再使用链接了。有没有办法添加到按钮的onClick属性？

我在SO和Reddit上四处搜寻，但没有发现与该问题有关的任何东西。

编辑： 这被标记为React-router: How to manually invoke Link?的可能重复项，但我已经尝试了这些答案，但它们没有用。