javascript - 如何使用react-router-dom 防止事件冒泡？

Question

好的。所以我有这样的东西。

我在整个帖子中添加了链接，认为我可以停止各个按钮的冒泡，但是 stopPropagation() 没有按预期工作。

我已将按钮操作拆分为一个单独的组件，这是由有关该主题的另一篇文章建议的，但这并没有达到目的。我假设这与它是一个react-router-dom链接有关，但也可能是其他东西。

有什么想法吗？

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

const MyComponent = ({
  doSomething
})=>(
  <Link to={`/some/url`}>
  <div className="post">
    <span className="button" onClick={e=>{
      e.stopPropagation();
      doSomething();
    }}>My Button</span>
  </div>
  </Link>
)

Answer 1

应该有效:

e.preventDefault()

更详细的解释:stopPropagation/preventDefault behavior on an element inside a link

此外，stopPropagation 是一个函数，它正在等待被调用。