如何在React中检查父元素中是否存在子元素？

import React from 'react';

function ParentComponent() {
  return (
    <div>
      {React.Children.count(this.props.children) > 0 ? (
        <p>父元素中存在子元素</p>
      ) : (
        <p>父元素中不存在子元素</p>
      )}
    </div>
  );
}

function App() {
  return (
    <ParentComponent>
      <div>子元素</div>
    </ParentComponent>
  );
}

export default App;