如何禁用右键单击反应 bootstrap 卡？

Question

如果我右击鼠标，会弹出这个选项菜单。但我希望什么都不应该来。我该怎么做？

我的代码：

 <div>
    <Link to={{
        pathname: "/announcement",
        state: {courseId: this.state.selectedCourseId}
    }}
        className="link">
        <Card className="primaryCardDesign">
            <Card.Header className="primaryCardHeader">
                <Card.Title>
                    Announcement
                </Card.Title>
            </Card.Header>
            <Card.Body className="primaryCardBody">
                A declaration you want to share among the class
            </Card.Body>
        </Card>
    </Link>
</div>

Answer 1

使用空处理程序添加 onContextMenu 事件，以防止打开上下文菜单：

 <Card className="primaryCardDesign" onContextMenu={e=>e.preventDefault();}>

如何禁用右键单击反应 bootstrap 卡？

How to disable right click for a react bootstrap card?

javascript

reactjs

react-bootstrap