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时，我最终使用了这种方法：enter link description here

并在App.js中全局配置选项enter link description here