看一个元素有多少个孩子？

Question

我需要知道自定义元素是生了孩子还是失去了孩子。

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

有没有一种方法可以监视属性更改并以与可以更改属性相同的方式进行响应？

我不想使用库。

到目前为止的代码...

class MyElement extends HTMLElement
    constructor: ->
        super()

Answer 1

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

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

有帮助吗？