如何在 React 中通过单击锚标记 (<a>) 更平滑地过渡到同一页面的另一部分？

上下文

我只能在没有过渡的情况下立即跳转到另一个部分。这是我如何做到的：

<a href="#go_middle">Go Middle</a>

<div id="go_middle">Hello There</div>

想要的结果

我想要过渡效果，所以它不会立即跳转到该部分，而是更慢地跳转到页面的另一部分（如果有的话）。