通过单击在 React 中切换组件可见性

Question

我想做如下：

• 如果组件可见，则单击它会隐藏该组件
• 如果组件被隐藏，则单击它（或者我猜如果它可见，它会占据屏幕上的任何区域）会显示该组件。

我该怎么做？我试图通过使用 sx 属性的 MUI 文本字段和单击它时切换的可见性状态来执行此操作，但如果组件具有可见性：隐藏，则 onClick 似乎不会触发。

Answer 1

您可以在样式中使用不透明度来控制组件的可见性。