Аутентификация формы в React js и ASP. NET Web API

Question

Я конвертирую из C# просмотров в реакцию. Я хочу отобразить некоторые значения html в зависимости от того, аутентифицирован ли пользователь или нет, в C# это было так просто:

<ul>
        @if (User.Identity.IsAuthenticated)
        {
            <li>    
                <form action="logout" id="logout-form">
                    <input type="submit" value="Logout" />
                </form>
            </li>
        }
    </ul>

Как правильно сделать это в реакции. js? Я использую React, ax ios, ASP. NET Веб-API, аутентификация формы. Псевдокод Например:

export default class Nav extends React.Component {
    getCurrentUser(){
        //Use axios to get current user from server
    }
    render(){
        return (
            <ul class="outer pull-right">
                @if (User.Identity.IsAuthenticated) 
                {
                    <li>    
                        <form action="logout" id="logout-form">
                            <input type="submit" value="Logout" />
                        </form>
                    </li>
                }
            </ul>
        );
    }
}