Reactjs 如何禁用或删除警报组件

如何禁用警报，我在中找不到用于此的布尔参数

从“React”导入React；
从“@material ui/lab/Alert”导入警报；
导出默认函数simplelerts（）{
const classes=useStyles（）；
返回(
这是一个错误警报-请查看！
);
}

使用条件呈现：

import React from 'react';
import Alert from '@material-ui/lab/Alert';

export default function SimpleAlerts() {
  const classes = useStyles();

  return (
    <div>
      {someCondition && <Alert severity="error">This is an error alert — check it out!</Alert>}
    </div>
  );
}

从“React”导入React；
从“@material ui/lab/Alert”导入警报；
导出默认函数simplelerts（）{
const classes=useStyles（）；
返回(
{someCondition&&这是一个错误警报-请检查！}
);
}

您可以将其包装在

（）

const[open，setOpen]=React.useState（true）
常量handleClick=（）=>{
setOpen（！open）
}
返回(
切换

import React from 'react';
import Alert from '@material-ui/lab/Alert';

export default function SimpleAlerts() {
  const classes = useStyles();

  return (
    <div>
      {someCondition && <Alert severity="error">This is an error alert — check it out!</Alert>}
    </div>
  );
}