材质UI隐藏元素onClick或选中复选框时

我试图在单击按钮或选中复选框时隐藏元素。我尝试使用Google解决方案，但找不到任何东西。有人能帮忙吗？

我想隐藏其中具有Input的第一个MenuItem，单击第二个MenuItem内的Button或选中第三个MenuItem内的Checkbox时需要隐藏它。此外，当再次单击“按钮”或未选中复选框时，它需要恢复正常。

<MenuItem>
    <Input />
<MenuItem/>
<MenuItem>
    <Button onClick={handleClick}>
        Hide onClick!
    </Button
</MenuItem
<MenuItem>
    <Checkbox />
</MenuItem>

我认为我需要做这样的事情。在handleClick内部，我需要将输入的MenuItems显示设置为none。

const [hide, setHide] = useState(false);

const handleClick = () => {
   
}

因此，基本上我认为我需要更改元素onClick或选中的样式。我没有什么可展示的，因为我不知道如何做到这一点。