Описание тега react-toastify
React-Toastify позволяет с легкостью добавлять уведомления в приложение.
0
ответов
как добавить toastify в мою программу vs code?
Я хочу установить toastify для моего кода, но я пробовал ввести оба npm install --save react-toastify а также yarn add react-toastify в терминал, но когда я вхожу yarn add react-toastify он возвращает: пряжа: термин "пряжа" не распознается как имя к…
23 апр '20 в 17:10
4
ответа
Как я могу изменить стили всплывающего сообщения response-toastify?
Я хочу добавить свой собственный стиль во всплывающее окно с сообщением response-toastify, в зависимости от его успеха или ошибки. Пока что я пробовал следующий подход: toastify.js import { toast, Slide } from 'react-toastify'; import 'react-toastif…
25 мар '20 в 16:04
0
ответов
React Toastify появляется постоянно
Я использую это (ниже Redirect from response-router-dom), чтобы перейти от моего компонента редактирования к компоненту профиля после обновления некоторой информации о пользователе. Example:- <Redirect to={{ pathname: `/user/${id}`, state: { mess…
27 мар '20 в 20:10
1
ответ
React Toastify с помощью Bootstrap 4
Есть ли способ использовать react-toastify с Reactstrap Toast компонент или Bootstrap 4 toastклассы? Вот моя текущая конфигурация: import { toast } from 'react-toastify' toast.configure({ toastClassName: 'toast', // Bootstrap class bodyClassName: 't…
05 апр '20 в 02:21
0
ответов
Какой предпочтительный способ отображения предупреждающих сообщений в React и Redux?
Я использую toastify для отображения предупреждающих сообщений после добавления публикации, редактирования, удаления, отправки электронной почты, проверки формы. Теперь интересно, где лучше всего использовать эти тосты. Например, у меня есть обработ…
19 апр '20 в 14:53
4
ответа
TypeError: Object(...) не является функцией при использовании response-toastify
Я пытаюсь получить react-toastifyдля работы в приложении, которое я пишу во время онлайн-курса. Я должен установить определенную версию, но я всегда предпочитаю использовать самую последнюю, но когда я это делаю, я получаю множество ошибок. Я пошел …
15 июн '20 в 00:30
3
ответа
Как использовать React.useRef() в компоненте класса?
Мне нужно, чтобы этот код был реализован в компоненте класса. Это нужно для того, чтобы использовать прогресс загрузки в моем компоненте класса с помощью response-toastify function Example(){ const toastId = React.useRef(null); function handleUpload…
21 июн '20 в 16:16
8
ответов
React-toastify показывает несколько тостов
Я создаю приложение React с несколькими компонентами, и по крайней мере в половине из них я использую React-notifyи он работает нормально почти во всех, кроме одного. В этом случае, когда я запускаю тост, я получаю четыре тоста, один за другим, но я…
25 июн '20 в 17:47
1
ответ
Реквизит, полученный после попадания api в Redux, дважды загружается, приводит к React Hooks
Я получаю состояние от reducer, но он загружается два раза, например, когда я получаю состояние Toaster появляется два раза. Итак, проблема в том, что я дважды получаю состояние ошибки входа api Login Failed, потому что этот тостер загружается два р…
13 июл '20 в 11:28
0
ответов
Как удалить конкретный тост с помощью React-toastify?
Я установил всплывающее уведомление с помощью react-toastify когда пользователь нажимает кнопку "Готово" (for room 1). Это отобразит всплывающее уведомление с комнатой 1 и сообщением. Если уведомление все еще отображается, и пользователь снова нажал…
19 авг '20 в 15:39
3
ответа
Сохранить несколько объектов в локальном хранилище? Javascript
У меня 2 комнаты {roomId: room1, roomId: room2} и я хочу сохранить объект для каждой комнаты в localStorage. Объект выглядит как let notifiedRoom = { roomId: roomId, dismissed: true }; Объект notificationRoom сохраняется в localStorage, когда пользо…
26 авг '20 в 14:17
1
ответ
Добавить значок материала в сообщение React-Toastify
Это код, определенный в одной папке. Я пытаюсь добавить сюда значок материала. Но он показывает ошибку React'должен быть в области действия при использовании JSX import { toast } from 'react-toastify'; import ErrorIcon from '@material-ui/icons/Error…
07 май '20 в 10:56
0
ответов
<Toast Controller /> из response-toastify-redux выдает ошибку, когда я помещаю его в класс внутри div
Я хочу использовать тост при отправке моей формы, и я выполнил инструкции в github ниже: https://github.com/fayster/react-toastify-redux Но он возвращает мне эту ошибку: ошибка Вот код class AjoutForm extends React.Component { onSubmit(values){ retu…
21 май '20 в 02:55
0
ответов
Как остановить распространение только при событии щелчка в компоненте React Toast
Toastify 'в моем проекте реакции после связи с сервером. Я создал собственный элемент, который отображается как сообщение. Он состоит из текста и кнопки. Код выглядит так: ... /** * Submit action after clicking * @param {event} e */ submitButton(e) …
30 май '20 в 12:02
1
ответ
Как я могу использовать react-toastify from hook?
Я нашел useToast и useToastContainer, но документации нет, и я не понимаю, как использовать эти хуки. Кто-нибудь может предоставить информацию об этих крючках?
09 июл '20 в 20:48
1
ответ
Невозможно отобразить response-toastify
Песочница : https://codesandbox.io/s/angry-ganguly-6q0q2?file=/src/MessageToast.tsx С помощью приведенного выше кода я пытаюсь отобразить реакцию для подтверждения состояния с помощью redux. Как только я нажимаю кнопку входа в систему из другого ком…
08 авг '20 в 17:58
0
ответов
Нужен единый блок для всех всплывающих сообщений с ошибкой или успехом в реакции на подтверждение
По умолчанию в response мы получаем response-toastify, как на прикрепленном изображении ниже. Но теперь проект требует, чтобы все сообщения были в одном блоке или div, с одной крестообразной кнопкой и счетчиком уведомлений сверху, с одним таймером и…
31 мар '20 в 10:05
1
ответ
Кнопка "Отправить" обновляет страницу вместо отправки формы? (ReactJS и react-toastify)
Как сказано в заголовке, у меня есть две кнопки, которые имеют одинаковый формат, но одна при нажатии обновляет страницу, а не отправляет форму. Мне просто нужно, чтобы вызвать тост. Вот рабочая кнопка: <button type="submit" className=&…
27 июн '20 в 00:55
1
ответ
Toastify Reactjs добавление ссылки
Как добавить ссылку типа "Щелкните здесь, чтобы просмотреть" в reactjs, чтобы активировать, и связать ее с другим URL-адресом? В настоящее время я могу добавлять к нему только статический текст. Я использовал: toast.info('some text') И я хочу отобра…
14 июл '20 в 20:10
1
ответ
React Toastify - не приходит уведомление об ошибке
Я хочу, чтобы когда я не получаю данных от api, вместо этого Нет данных я хочу, чтобы отображалось уведомление или toast.error. shop.jsx import React from 'react'; import './shops.css'; import Shop from './shop' import { ToastContainer, toast } from…
07 авг '20 в 17:58