Javascript 通过道具移除东西

所以基本上我想当我按下按钮时，我想让图标和按钮一样消失。我尝试了一些东西，但很明显，它不起作用，所以如果可能的话，我将非常感谢您的帮助

const Button = (props) => {
  const[toggleIcon, setToggleIcon]=React.useState('true')
  function Icon() {
    toggleIcon(false)
  }

  return(
    <div>
      <button  onClick={()=> setToggleIcon('false')}></button>
    </div>
  )
}

export default Button

const Icon = (props) => {
  return(
    <div>
      <Icon>{props.Icon('false')}</Icon>
    </div>

export default Icon

const按钮=（道具）=>{
常量[toggleIcon，setToggleIcon]=React.useState（'true'））
函数图标（）{
切换图标（错误）
}
返回(
setToggleIcon（'false'）}>
)
}
导出默认按钮
常量图标=（道具）=>{
返回(
{props.Icon（'false'）}
导出默认图标

您可以通过返回

null

来阻止组件渲染。使用条件渲染，将

切换图标

状态作为条件。单击

处理程序可更改状态

例如：

const按钮=（）=>{
常量[toggleIcon，setToggleIcon]=React.useState（true）
返回切换图标(
setToggleIcon（假）}>
)：null
}
导出默认按钮

看一下React文档的部分。
你在说什么？不确定你在问什么。我正在回答用户的问题。它是写给OP的。他删除了评论。