在react-router-dom中使用<link>标签使用async / await或promises

Question

我正在使用<Link>中的react-router-dom标签在应用程序的页面之间进行转换，但是在过渡到下一页之前，我要提交发布请求。我已经尝试过使用promises / async等待，但是尝试后我的页面只是停滞/冻结。

是否可以将诺言用于react-router-dom中的路由？我还有其他选择吗？我真的不想使用按钮，因为为了可访问性，您不应该使用按钮在页面之间进行导航。

链接标签：

<Link
 role="button"
 to={this.submitStep()}
>
  Continue to next page
</Link>

提交功能：

submitStep = async () => {

  await axios.post('my/api/request');

  return 'go/to/new/page';
}