Reactjs 对经过身份验证的函数作出响应

在下面的代码中传递身份验证时，如何让这个toast通知显示？我试过这里的注释，但不是有效的代码

   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
}

从'react toastify'导入{toast}；
类Home扩展了React.Component{
//https://www.npmjs.com/package/react-toastify#demo
//notify=（）=>吐司（“哇，太简单了！”）；
render（）{
返回(
AccountService.authenticated（）(
//{this.notify}
) : (
请登录以继续
)
)
}
}
导出默认值{
组成部分：家庭
}

当我们使用redux时，我最终使用了以下方法：

并在App.js中全局配置选项