ReactJS，使用localStorage重定向重叠

Question

我有这个重定向代码：

if( 
        (
            this.props.userQuery.user && 
            this.props.userQuery.user.isMentee === true &&
            this.props.userQuery.user.email_verified === false
        ) ||
        (
            this.props.userQuery.user && 
            this.props.userQuery.user.isMentee === true &&
            this.props.userQuery.user.approved === false
        )
    ){
        return(
            <Redirect to={{
                pathname: '/settings/profile/'
            }}/>

        )
    }

我想在重定向发生时显示此叠加消息 - ＆gt;

<div className="overlay-screen">
    <div className="action-panel">
    <h4 className="mb-2"><strong>Uh oh :(</strong></h4>
    <p>It looks like you haven't filled out your profile information yet. In order to ensure everyone has a great experience using our networking product, please make sure you fill out your profile information (avatar, bio, and social accounts) to provide our amazing mentors more information so they are able to learn more about you!</p>
    <p>If you are having any issues with updating your profile please <strong>start a live chat</strong> in the bottom right of the browser, or email <a href="mailto:help@designmentors.org">help@designmentors.org</a>.</p>
    <p><a className="button primary mb-2" href="/settings/profile">Update My Profile</a>.</p>
</div>

我需要在重定向时显示叠加层。谢谢你的帮助