Reactjs if元素有子组件

Question

const element = (e) {
alert(e.haschildNodes())
}

<div className='results' onChange={element}>
<p>results</p>
</div>

结果div将具有基于其他元素的输入的p元素。我的问题是如何检查resultsdiv是否有子元素"p标记"。

Answer 1

您可以使用MutationObserver：

const App = () => {
const ref = useRef(null);
useEffect(() => {
if (ref.current) {
const observer = new MutationObserver(() => {
const len = ref.current.querySelectorAll('*');
console.log('results children length: ', len);
});
observer.observe(ref.current, { childList: true });
}
}, [ref])
return (<div className='results' ref={ref}>
<p>results</p>
</div>);
};