怎么做才能在react-router的Link标签中点击按钮而不跳转页面？

如果你希望在点击Link标签时阻止页面跳转，你可以使用preventDefault()方法。 如下所示：

import { Link } from 'react-router-dom';

const handleClick = (e) => { e.preventDefault(); // 添加你想执行的代码 }

<Link to='/destination' onClick={handleClick}> <button>按钮</button> </Link>

在上面的代码中，我们定义了一个名为handleClick的函数。这个函数接受事件对象作为参数，并在其中调用preventDefault()方法以阻止链接的默认跳转操作。然后在这个函数中添加你想要执行的任何代码。

最后，将这个函数传递给Link标签的onClick属性，以便在点击按钮时执行它。 这样，当你点击按钮时，页面不会发生任何跳转，而是会执行你添加的代码。