Как импортировать компонент Alert / AlertTitle с помощью MaterialUI - PullRequest
Новая
       91

Как импортировать компонент Alert / AlertTitle с помощью MaterialUI

0 голосов
/ 21 февраля 2020

Я действительно запутался - этот пример для использования React MaterialUI говорит, что я могу использовать это для снэк-бара: 

    <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 компонентов:

enter image description here

Вот ссылка, которая говорит о Alert / AlertTitle - но я не могу понять, как импортировать эти компоненты: (

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

1 Ответ

3 голосов
/ 21 февраля 2020

Примеры документации показывают фрагмент кода по умолчанию, но нажатие на <> расширяет полный код, включая импорт. Компонент 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
...