React.js在asp.net应用程序中登录用户

时间:2016-08-11 11:43:01

标签: javascript asp.net-mvc reactjs

我正在从C#视图转换为使用react。我想根据用户是否经过身份验证来呈现一些html,在C#中这很简单:

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

在react.js中执行此操作的正确方法是什么? 伪代码例如:

export default class Nav extends React.Component {
    getCurrentUser(){
        //Use ajax 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>
        );
    }
}

1 个答案:

答案 0 :(得分:1)

如果您要在您的react应用程序中使用c#会话,则需要API调用。出于显而易见的原因,您将使用react-router。为此,人们通常采用this方法来验证用户身份。

同意,验证用户并不容易。但是一旦你设置了机制,你就不需要再回过头来看了。

祝你好运!