观察一个元素有多少个孩子？

Posted 2021-04-06

我需要知道自定义元素是否已经获得或失去了孩子。

我希望在发生变化时使用observedAttributes()和attributeChangedCallback作出反应，但children和childNodes都是属性，而不是属性。

有没有办法让我可以观察属性的变化并以同样的方式响应属性的变化？

我不想使用库。

代码到目前为止......

class MyElement extends htmlElement
    constructor: ->
        super()

答案

如果您的孩子数量发生变化，您的道具将会发生变化，因此您可以“观察”使用例如一个钩子

useEffect(() => console.log(props.children.count));

这有帮助吗？