Снэк-бар пользовательского интерфейса не сползает вниз - PullRequest
Новая
       54

Снэк-бар пользовательского интерфейса не сползает вниз

1 голос
/ 22 декабря 2019

Я впервые использую Material-UI и пытаюсь реализовать Snackbar при успешном завершении публикации API. Я хочу, чтобы снэк-бар скользил вверх по Enter, а затем скользил по выходу. Я был в состоянии реализовать слайд на OnEnter, но мне нужна помощь для "Скользить на выход". Кто-нибудь может мне помочь? 

import React, { useState } from "react";
import Snackbar from "@material-ui/core/Snackbar";
import Slide from "@material-ui/core/Slide";

const [openSnackBar, setOpenSnackBar] = useState(false);   

const renderSnackbar = () => {
    return (
      <Snackbar
        id="id-success-snackbar"
        className="success-snackbar"
        anchorOrigin={{
          vertical: "bottom",
          horizontal: "left"
        }}
        open={openSnackBar}
        autoHideDuration={5000}
        onClose={() => setOpenSnackBar(false)}
        TransitionComponent={Slide}
        message="Test Message"
      />
    );
};
...