reactjs - 我如何禁用或删除警报组件

Question

如何禁用警报，我在 documentation 中没有找到用于此的 bool 参数.

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

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

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

Answer 1

使用条件渲染:

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>
  );
}