无论如何,我可以使用这样的东西:
<span onClick={(e) => console.log(e)}>Testing</span>
在react-contenteditable内部处理点击Testing
关键字?
当我使用html prop时,它只需要一个html字符串,就像<span onclick="something()"></span>
我想的那样,但是有办法react
代替它吗?
如果我<span onclick="something()">
在哪里使用该函数something()
?我想在这一点上我将无法访问react中定义的功能,对吗?那我该怎么做呢?
onClick
是React属性,因此react-contenteditable
不知道该怎么做-因为html
期望使用纯HTML
一种实现您想要的(或几乎接近)想要的方法:
onClickContentEditable
功能是它onClick
的ContentEditable
innerRef
到ContentEditable
onClickContentEditable
,则clicked元素ContentEditable
什么都不做-因为我们只想与的子元素互动ContentEditable
tagName
,className
...等)会很有趣!:)在其中,onClickContentEditable
您可以检查clicked元素的DOM属性并采取相应的措施。您可以创建一个类来标记要单击的元素。您可以在此处测试此实现-沙盒是从复杂react-contenteditable
示例中派生的。我在控制台中记录了交互。
希望能帮助到你!
太棒了!非常感谢!