React Toast уведомляет о проверенной функции

Question

Как я могу получить это всплывающее уведомление, чтобы показать, когда аутентификация передается в следующем коде? Я попробовал то, что здесь прокомментировано, но не действительный код.

   import { toast } from 'react-toastify';

    class Home extends React.Component {

//https://www.npmjs.com/package/react-toastify#demo

//notify = () => toast("Wow so easy !");

    render() {
        return (

            AccountService.authenticated() ? (
                <Sites.component history={this.props.history}/>
                // {this.notify}
            ) : (
                    <div className="col-12 mt-3 ml-3">
                        <h3 className="h4 text-left mb-4 green-text">
                            <FontAwesomeIcon size="lg" icon={['fas', 'lock']} />
                            Please login to continue</h3>
                        <Nav.Link as={Link} to="/login" >
                            <Button color="primary" type="submit" value="submit">
                                <LocalizedMessage of="login" />
                            </Button>
                        </Nav.Link>
                    </div>
                )
        )
    }
}

export default {
    component: Home
}

Answer 1

Поскольку мы используем redux, в итоге я использовал этот метод: введите описание ссылки здесь

и настройте параметры глобально в приложении. js введите описание ссылки здесь