Nano Hash - криптовалюты, майнинг, программирование

Material-ui Snackbar всплывает на экране

снимок экрана

Hi!

Я запускаю игрушечный проект с React, Material-ui.
когда всплывает snack bar или react-toastify.
Он не прячется на экране. (КРАСНЫЙ: прокрутите вверх/вниз, затем появится закусочная)
Я изменил положение всплывающего окна вверху/внизу. но он не может охватывать все случаи.

Как он может сделать всплывающее окно на экране. (ЗЕЛЕНЫЙ отображается на экране)
Я хочу, чтобы SnackBar всплывал в СИНЕМ положении и закрывался прокруткой.

спасибо

  <Grid item>
    <Grid container direction="row" justify="space-evenly">
      <Grid item>
        <Button variant="outlined" onClick={() => {
          toast.success("Update!")
        }}>Update!</Button>
      </Grid>
    </Grid>
  </Grid>
<ToastContainer position="top-center" autoClose={2500} />
reactjs material-ui
02.06.2020

Ответы:


1

Я решил это. Я перемещаю <ToastContainer/> в верхний компонент из подкомпонента (из «Содержимого» в «Заголовок»)


export const App = observer(() => {
  const classes = kpopStyle();
  return (
    <React.Fragment>
      <BrowserRouter>
        <Header /> // <-- to Here
        {storeUiHandler.checkMobile() ?
          <div className={classes.contentLayoutMobile}>
            <Content /> // <-- from Here
            <Footer />
          </div> :
          <div className={classes.contentLayoutPC}>
            <Content />
            <Footer />
          </div>}
      </BrowserRouter>
    </React.Fragment>
  );
});

теперь он работает так, как я ожидал.

04.06.2020
Новые материалы
Кластеризация: более глубокий взгляд
Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
Как написать эффективное резюме
Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
Частный метод Python: улучшение инкапсуляции и безопасности
Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
Как я автоматизирую тестирование с помощью Jest
Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..