如何使用MaterialUI

Question

我真的很困惑-this example使用React MaterialUI表示我可以将它用于Snackbar：

    <Snackbar message="Here is snackbar message" open={true} autoHideDuration={6000} onClose={() => {}}>
        <Alert severity="error">
          <AlertTitle>Error</AlertTitle>
             This is an error alert — check it out!
        </Alert>
    </Snackbar>

但是@materialui/core不会导出Alert或AlertTitle组件：

这里是谈论Alert / AlertTitle的链接-但我不知道如何导入这些组件：（

https://material-ui.com/components/alert/

Answer 1

文档示例默认显示一个代码摘录，但是单击<>会展开包括导入在内的完整代码。 Alert组件是lab的一部分，而不是核心。每次发布时，实验室中的组件都会有重大更改。

以下是导入Alert和AlertTitle的方式：

import Alert from '@material-ui/lab/Alert';
import AlertTitle from '@material-ui/lab/AlertTitle';

实验室是单独的npm / yarn安装，如此处的说明所示：https://material-ui.com/components/about-the-lab/#installation

// with npm
npm install @material-ui/lab

// with yarn
yarn add @material-ui/lab