【问题标题】:How can I embed buttons inside a Link tag that don't forward to the Links destination?如何在不转发到链接目标的链接标签中嵌入按钮?
【发布时间】:2018-10-15 21:55:40
【问题描述】:

在我的 react 项目中,我正在尝试创建一个类似 Tweet 的组件。在推文中,如上所示,如果您按下背景,您将被转发到推文的个人视图。但是,如果您按下以下按钮之一(Like、Retweet 等),该按钮将启动它们自己的操作。所以在我的应用程序中,我正在创建一个包含在 Link 标签中的 Card 组件(我的“tweet”)。但是,如果我按下卡片组件内的“喜欢”按钮,它会启动它的操作并将我转发到“推文”的个人视图。该按钮是 Card 组件的子组件,但理想情况下,如果我按下按钮,我应该留在当前页面上。我怎样才能做到这一点?

【问题讨论】:

  • 要清楚,按钮是 的子级,但在单击时不会转发。

标签: reactjs twitter hyperlink react-router-dom


【解决方案1】:

回答:对于子链接,包括:onClick = (e) => e.stopPropagation()

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2014-08-02
    • 2019-06-23
    • 1970-01-01
    • 2012-09-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多