如何通过点击父组件中的Material UI图标控制子组件

import React, { useState } from 'react';
import { IconButton } from '@material-ui/core';
import { SomeChildComponent } from './SomeChildComponent';

const ParentComponent = () => {
  const [showChildComponent, setShowChildComponent] = useState(false);

  const handleClick = () => {
    setShowChildComponent(!showChildComponent);
  };

  return (
    <div>
      <IconButton onClick={handleClick}>
        {/* 这里放置Material UI图标 */}
      </IconButton>
      {showChildComponent && <SomeChildComponent />}
    </div>
  );
};

export default ParentComponent;