在div reactJS中禁用点击功能？

编程问答 2022-06-11

问题描述

<div  className="check" dangerouslySetInnerHTML={name} />

.check{
 pointer-events: none !important;
 opacity: 0.8;
}

指针事件不起作用。在{name}中，我具有contentEditable，因此当我单击它时，它可以工作，禁用鼠标箭头的方法是什么？

解决方法

您尝试过相同的方法吗？

    <div onClick={()=> alert('clicked')} className="check" 
dangerouslySetInnerHTML={{ __html: 'name'}} />

一旦我们添加了'check'类，点击处理程序就不会触发我。

示例-https://codesandbox.io/s/distracted-roentgen-f03qn?file=/src/App.js

javascriptreactjsreactjs