Ich habe einen Code, der dem folgenden Beispiel ähnelt. Ich versuche, eine anklickbare Rasterzelle zu erstellen, die den Benutzer zu einer URL weiterleitet, aber wenn auf die Schaltfläche mit dem eingebetteten Bild geklickt wird, soll nur das onClick-Ereignis und keine anderen Ereignisse ausgelöst werden. Ist das möglich? Ich habe versucht, einen Aufruf von stopPropagation hinzuzufügen, aber nachdem der erste onClick verarbeitet wurde, wird immer noch auf den zugrunde liegenden Link verwiesen.
const handleSaveClick = async (e,activity, index) => e.stopPropagation(); ... }handleLinkClick(payload.url, index)} > {payload.title} handleSaveClick(e, payload, index)} >
在handleSaveClick函数中,你可以使用e.preventDefault()函数。当点击嵌入图片按钮时,handleSaveClick函数将被执行,e.preventDefault()应该阻止链接的默认行为,确保它不会导航到URL。
此外,你应该考虑用另一个合适的元素替换可点击区域或按钮的锚点标签。