如何使用 React router-dom Link 跳转到特定部分

Posted 2023-03-25

【中文标题】如何使用 React router-dom Link 跳转到特定部分

【英文标题】：How to Jump to particular section using React router-dom Link

【发布时间】：2021-08-18 11:48:38

【问题描述】：

<Link to="/greetings#section2"/> 当我们在 react dom 中使用 Link 时，它会跳转到问候页面，但它不能跳转到特定部分，因为 <a href="/greetings#section2"/> 有没有人知道如何使用 LINK 这样做

【问题讨论】：

github.com/ReactTraining/react-router/issues/…

【参考方案1】：

您可以使用to props 解决它：

<Link to=pathname: '/greetings', hash: '#section2' />

但我的问题是，为什么你害怕在这种情况下使用 <a> 标签？

【讨论】：

<a> 可以使用，这是正确的，但与 和 混合会变得复杂...... 哈希不会跳转到特定部分它只会添加“#hashkey " 带有路径名。

你觉得混合 和 有多复杂？