reactjs 如何在React中从子对象中完全删除属性

inkz8wg9  于 2022-12-18  发布在  React
关注(0)|答案(2)|浏览(154)

我需要从一个组件的子div中删除属性“data-processed”。我不能只将它设置为null或false,它需要被删除。
在经典的JS中,我需要这样的内容:

$('#mermaid').html(node.data.graph).removeAttr('data-processed');

但这在这里似乎不起作用。我已经使用useRef指定了对div的ref,但我找不到任何关于如何从ref处的元素中删除属性的文档。这在react中是否可能做到?

syqv5f0l

syqv5f0l1#

您可以使用useRef.https://developer.mozilla.org/en-US/docs/Web/API/Element/removeAttribute在DOM节点上使用vanillaremoveAttribute方法

const domRef = useRef();

domRef.current.removeAttribute('data-processed');
ckocjqey

ckocjqey2#

你有两个选择。
1.对元素使用**removeAttribute**方法:

document.getElementById('mermaid').removeAttribute('data-processed')

1.使用ref(哪个更好):

elementRef.current.removeAttribute('data-processed');

相关问题