JavaScript react-toastify toast.success Examples

Example #1

File: App.js Project: kylebarnett/react-3-mini

 axios.get('https://joes-autos.herokuapp.com/api/vehicles').then( res => {
   toast.success('Successfully got vehicles!')
   this.setState({
     vehiclesToDisplay: res.data
   })
 }).catch( err => toast.error('Could not retrieve vehicles!'))

Example #2

File: Change.js Project: ktjd123/js-pro-login

 .then((res) => {
   toast.success('수정 완료');
 })

Example #3

File: App.js Project: kylebarnett/react-3-mini

 axios.get('https://joes-autos.herokuapp.com/api/buyers').then( res => {
   toast.success('Succesfully got Buyers')
   this.setState=({
     buyersToDisplay: res.data
   })
 }).catch( err => toast.err('Could not retrieve buyers'))

Example #4

File: RaffleEntryForm.js Project: Weffe/raffle-manager

 .then(res => {
   toast.success(res.data)
   // clear the input fields if it validates
   this.setState({ username: '', password: '' })
 })

Example #5

File: CreateAccountForm.js Project: Weffe/raffle-manager

 .then(res => {
     this.setState({ firstName: '', lastName: '', username: '', password: '' })
     toast.success(`${res.data} You can close this notification to be redirected to the home page.`, {
         onClose: () => { Router.push('/') }
     })
 })

Example #6

File: test_react-toastify_v3.2.x.js Project: marudor/flow-typed

import React from 'react'
import { ToastContainer, toast, style } from 'react-toastify'

const toastContent = <div>Toast!</div>

// $ExpectError
toast(toastContent, { type: toast.TYPE.SUCCES })
toast(toastContent, { type: toast.TYPE.SUCCESS })

// $ExpectError
toast.success(toastContent, { onOpen: false })
toast.success(toastContent, { onOpen: () => console.log('open') })

// $ExpectError
toast.info(toastContent, { onClose: false })
toast.info(toastContent, { onClose: () => console.log('close') })

// $ExpectError
toast.warn(toastContent, { onOpen: false })
toast.warn(toastContent, { onOpen: () => console.log('open') })

// $ExpectError
toast.error(toastContent, { onClose: false })
toast.error(toastContent, { onClose: () => console.log('close') })

// $ExpectError
const isActiveBad: number = toast.isActive(1)
const isActiveGood: boolean = toast.isActive(1)

// $ExpectError
toast.dismiss('1')

Example #7

File: notification.js Project: thiagodesouza/vuttr-app

export const NotificationSuccess = (message) => {
  toast.success(message, {
    className: 'notification-success',
    bodyClassName: 'notification-body',
  });
};

Example #8

File: Login.js Project: ktjd123/js-pro-login

 .then((res) => {
   toast.success('로그인완료');
 })

Example #9

File: RaffleWinnersTable.js Project: Weffe/raffle-manager

 .then(res => {
   this.setState({ selection: [], selectAll: false })
   this.props.clearRaffleWinners()
   toast.success(res.data)
 })

Example #10

File: App.js Project: Andrewdwatters1/react-3-mini

 axios.put('https://joes-autos.herokuapp.com/api/vehicles/{ id }/{ priceChange }').then(res => {
   toast.success('Price Updated')
   this.setState({
     vehiclesToDisplay: res.data.vehicles
   })
 }).catch(error => toast.error("Price could not be update"));